#AFDE8A

#AFDE8A

#B98ADE

#B98ADE

コントラスト比

1.76:1

Delta E

98.03

Very Different

50:50 ミックス

#BAB5B6

カラー値

フォーマット #AFDE8A #B98ADE
HEX #AFDE8A #B98ADE
RGB 175, 222, 138 185, 138, 222
HSL 93.6, 56.0%, 70.6% 273.6, 56.0%, 70.6%
HSV 93.6, 37.8%, 87.1% 273.6, 37.8%, 87.1%
CMYK 21.2%, 0.0%, 37.8%, 12.9% 16.7%, 37.8%, 0.0%, 12.9%
OKLCH 0.8477 0.1213 132.3 0.7098 0.1286 309.1

コントラストとアクセシビリティ

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #B98ADE → 背景色: #AFDE8A

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #AFDE8A → 背景色: #B98ADE

色差 (Delta E)

98.03 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#AFDE8A #B4D199 #B8C3A8 #BAB5B6 #BBA7C4 #BB99D1 #B98ADE

カラーミキシング

#AFDE8A

100%

#B6CAA1

75:25

#BAB5B6

50:50

#BBA0CA

25:75

#B98ADE

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFDE8A, #B98ADE);
background: linear-gradient(135deg, #AFDE8A, #B98ADE);

各色を詳しく見る

#AFDE8A

カラーの詳細をすべて見る

#B98ADE

カラーの詳細をすべて見る

関連する比較