#C3ECDC

#C3ECDC

#ECC3D3

#ECC3D3

コントラスト比

1.23:1

Delta E

34.78

Very Different

50:50 ミックス

#D9D8D7

カラー値

フォーマット #C3ECDC #ECC3D3
HEX #C3ECDC #ECC3D3
RGB 195, 236, 220 236, 195, 211
HSL 156.6, 51.9%, 84.5% 336.6, 51.9%, 84.5%
HSV 156.6, 17.4%, 92.5% 336.6, 17.4%, 92.5%
CMYK 17.4%, 0.0%, 6.8%, 7.5% 0.0%, 17.4%, 10.6%, 7.5%
OKLCH 0.9096 0.0478 169.6 0.8572 0.0509 352.8

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

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECC3D3 → 背景色: #C3ECDC

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

テキスト: #C3ECDC → 背景色: #ECC3D3

色差 (Delta E)

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

グラデーション

#C3ECDC #CBE5DA #D2DFD9 #D9D8D7 #E0D1D6 #E6CAD4 #ECC3D3

カラーミキシング

#C3ECDC

100%

#CFE2DA

75:25

#D9D8D7

50:50

#E3CED5

25:75

#ECC3D3

100%

CSSグラデーションコード

background: linear-gradient(to right, #C3ECDC, #ECC3D3);
background: linear-gradient(135deg, #C3ECDC, #ECC3D3);

各色を詳しく見る

#C3ECDC

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

#ECC3D3

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

関連する比較