#AFDA8F

#AFDA8F

#BA8FDA

#BA8FDA

コントラスト比

1.65:1

Delta E

88.03

Very Different

50:50 ミックス

#B9B6B6

カラー値

フォーマット #AFDA8F #BA8FDA
HEX #AFDA8F #BA8FDA
RGB 175, 218, 143 186, 143, 218
HSL 94.4, 50.3%, 70.8% 274.4, 50.3%, 70.8%
HSV 94.4, 34.4%, 85.5% 274.4, 34.4%, 85.5%
CMYK 19.7%, 0.0%, 34.4%, 14.5% 14.7%, 34.4%, 0.0%, 14.5%
OKLCH 0.8396 0.1097 132.6 0.7177 0.1155 309.9

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

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BA8FDA → 背景色: #AFDA8F

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

テキスト: #AFDA8F → 背景色: #BA8FDA

色差 (Delta E)

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

グラデーション

#AFDA8F #B4CE9D #B7C2AA #B9B6B6 #BBA9C2 #BB9CCE #BA8FDA

カラーミキシング

#AFDA8F

100%

#B5C8A3

75:25

#B9B6B6

50:50

#BBA3C8

25:75

#BA8FDA

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFDA8F, #BA8FDA);
background: linear-gradient(135deg, #AFDA8F, #BA8FDA);

各色を詳しく見る

#AFDA8F

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

#BA8FDA

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

関連する比較