#C4E3AD

#C4E3AD

#CCADE3

#CCADE3

コントラスト比

1.4:1

Delta E

62.7

Very Different

50:50 ミックス

#CAC8C9

カラー値

フォーマット #C4E3AD #CCADE3
HEX #C4E3AD #CCADE3
RGB 196, 227, 173 204, 173, 227
HSL 94.4, 49.1%, 78.4% 274.4, 49.1%, 78.4%
HSV 94.4, 23.8%, 89.0% 274.4, 23.8%, 89.0%
CMYK 13.7%, 0.0%, 23.8%, 11.0% 10.1%, 23.8%, 0.0%, 11.0%
OKLCH 0.8795 0.0793 132.2 0.7926 0.082 310.5

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

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CCADE3 → 背景色: #C4E3AD

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

テキスト: #C4E3AD → 背景色: #CCADE3

色差 (Delta E)

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

グラデーション

#C4E3AD #C7DAB6 #C9D1C0 #CAC8C9 #CBBFD2 #CCB6DA #CCADE3

カラーミキシング

#C4E3AD

100%

#C8D6BB

75:25

#CAC8C9

50:50

#CCBBD6

25:75

#CCADE3

100%

CSSグラデーションコード

background: linear-gradient(to right, #C4E3AD, #CCADE3);
background: linear-gradient(135deg, #C4E3AD, #CCADE3);

各色を詳しく見る

#C4E3AD

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

#CCADE3

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

関連する比較