#C0F2BA

#C0F2BA

#ECBAF2

#ECBAF2

コントラスト比

1.29:1

Delta E

69.3

Very Different

50:50 ミックス

#D9D7D7

カラー値

フォーマット #C0F2BA #ECBAF2
HEX #C0F2BA #ECBAF2
RGB 192, 242, 186 236, 186, 242
HSL 113.6, 68.3%, 83.9% 293.6, 68.3%, 83.9%
HSV 113.6, 23.1%, 94.9% 293.6, 23.1%, 94.9%
CMYK 20.7%, 0.0%, 23.1%, 5.1% 2.5%, 23.1%, 0.0%, 5.1%
OKLCH 0.9121 0.091 142.0 0.8511 0.0932 322.8

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

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECBAF2 → 背景色: #C0F2BA

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

テキスト: #C0F2BA → 背景色: #ECBAF2

色差 (Delta E)

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

グラデーション

#C0F2BA #C9E9C4 #D2E0CD #D9D7D7 #E0CEE0 #E6C4E9 #ECBAF2

カラーミキシング

#C0F2BA

100%

#CDE5C9

75:25

#D9D7D7

50:50

#E3C9E4

25:75

#ECBAF2

100%

CSSグラデーションコード

background: linear-gradient(to right, #C0F2BA, #ECBAF2);
background: linear-gradient(135deg, #C0F2BA, #ECBAF2);

各色を詳しく見る

#C0F2BA

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

#ECBAF2

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

関連する比較