#C6ECDC

#C6ECDC

#ECC6D6

#ECC6D6

コントラスト比

1.21:1

Delta E

32.83

Very Different

50:50 ミックス

#DBD9D9

カラー値

フォーマット #C6ECDC #ECC6D6
HEX #C6ECDC #ECC6D6
RGB 198, 236, 220 236, 198, 214
HSL 154.7, 50.0%, 85.1% 334.7, 50.0%, 85.1%
HSV 154.7, 16.1%, 92.5% 334.7, 16.1%, 92.5%
CMYK 16.1%, 0.0%, 6.8%, 7.5% 0.0%, 16.1%, 9.3%, 7.5%
OKLCH 0.9115 0.0451 167.9 0.8637 0.0477 350.9

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECC6D6 → 背景色: #C6ECDC

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

テキスト: #C6ECDC → 背景色: #ECC6D6

色差 (Delta E)

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

グラデーション

#C6ECDC #CDE6DB #D4E0DA #DBD9D9 #E1D3D8 #E6CDD7 #ECC6D6

カラーミキシング

#C6ECDC

100%

#D1E3DB

75:25

#DBD9D9

50:50

#E4D0D8

25:75

#ECC6D6

100%

CSSグラデーションコード

background: linear-gradient(to right, #C6ECDC, #ECC6D6);
background: linear-gradient(135deg, #C6ECDC, #ECC6D6);

各色を詳しく見る

#C6ECDC

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

#ECC6D6

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

関連する比較