#AFC4E3

#AFC4E3

#E3CEAF

#E3CEAF

コントラスト比

1.16:1

Delta E

36.37

Very Different

50:50 ミックス

#CCC9C9

カラー値

フォーマット #AFC4E3 #E3CEAF
HEX #AFC4E3 #E3CEAF
RGB 175, 196, 227 227, 206, 175
HSL 215.8, 48.1%, 78.8% 35.8, 48.1%, 78.8%
HSV 215.8, 22.9%, 89.0% 35.8, 22.9%, 89.0%
CMYK 22.9%, 13.7%, 0.0%, 11.0% 0.0%, 9.3%, 22.9%, 11.0%
OKLCH 0.8147 0.0495 258.0 0.8608 0.0476 77.6

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

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #E3CEAF → 背景色: #AFC4E3

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

テキスト: #AFC4E3 → 背景色: #E3CEAF

色差 (Delta E)

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

グラデーション

#AFC4E3 #B9C6DA #C3C7D2 #CCC9C9 #D4CBC1 #DCCCB8 #E3CEAF

カラーミキシング

#AFC4E3

100%

#BEC6D6

75:25

#CCC9C9

50:50

#D8CBBC

25:75

#E3CEAF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFC4E3, #E3CEAF);
background: linear-gradient(135deg, #AFC4E3, #E3CEAF);

各色を詳しく見る

#AFC4E3

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

#E3CEAF

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

関連する比較