#CFF0DF

#CFF0DF

#F0CFE0

#F0CFE0

コントラスト比

1.17:1

Delta E

30.14

Very Different

50:50 ミックス

#E1E0E0

カラー値

フォーマット #CFF0DF #F0CFE0
HEX #CFF0DF #F0CFE0
RGB 207, 240, 223 240, 207, 224
HSL 149.1, 52.4%, 87.6% 329.1, 52.4%, 87.6%
HSV 149.1, 13.7%, 94.1% 329.1, 13.7%, 94.1%
CMYK 13.7%, 0.0%, 7.1%, 5.9% 0.0%, 13.7%, 6.7%, 5.9%
OKLCH 0.9267 0.0413 163.2 0.8871 0.043 345.6

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F0CFE0 → 背景色: #CFF0DF

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

テキスト: #CFF0DF → 背景色: #F0CFE0

色差 (Delta E)

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

グラデーション

#CFF0DF #D5EBDF #DBE5DF #E1E0E0 #E6DAE0 #EBD5E0 #F0CFE0

カラーミキシング

#CFF0DF

100%

#D8E8DF

75:25

#E1E0E0

50:50

#E9D8E0

25:75

#F0CFE0

100%

CSSグラデーションコード

background: linear-gradient(to right, #CFF0DF, #F0CFE0);
background: linear-gradient(135deg, #CFF0DF, #F0CFE0);

各色を詳しく見る

#CFF0DF

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

#F0CFE0

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

関連する比較