#CFE2FF

#CFE2FF

#FFECCF

#FFECCF

コントラスト比

1.14:1

Delta E

33.01

Very Different

50:50 ミックス

#E9E7E7

カラー値

フォーマット #CFE2FF #FFECCF
HEX #CFE2FF #FFECCF
RGB 207, 226, 255 255, 236, 207
HSL 216.3, 100.0%, 90.6% 36.3, 100.0%, 90.6%
HSV 216.3, 18.8%, 100.0% 36.3, 18.8%, 100.0%
CMYK 18.8%, 11.4%, 0.0%, 0.0% 0.0%, 7.5%, 18.8%, 0.0%
OKLCH 0.9078 0.0448 258.8 0.9508 0.0433 78.5

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

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFECCF → 背景色: #CFE2FF

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

テキスト: #CFE2FF → 背景色: #FFECCF

色差 (Delta E)

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

グラデーション

#CFE2FF #D8E4F7 #E1E5EF #E9E7E7 #F1E9DF #F8EAD7 #FFECCF

カラーミキシング

#CFE2FF

100%

#DDE4F3

75:25

#E9E7E7

50:50

#F4E9DB

25:75

#FFECCF

100%

CSSグラデーションコード

background: linear-gradient(to right, #CFE2FF, #FFECCF);
background: linear-gradient(135deg, #CFE2FF, #FFECCF);

各色を詳しく見る

#CFE2FF

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

#FFECCF

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

関連する比較