#CBDAFF

#CBDAFF

#FFF0CB

#FFF0CB

コントラスト比

1.24:1

Delta E

40.36

Very Different

50:50 ミックス

#E7E5E5

カラー値

フォーマット #CBDAFF #FFF0CB
HEX #CBDAFF #FFF0CB
RGB 203, 218, 255 255, 240, 203
HSL 222.7, 100.0%, 89.8% 42.7, 100.0%, 89.8%
HSV 222.7, 20.4%, 100.0% 42.7, 20.4%, 100.0%
CMYK 20.4%, 14.5%, 0.0%, 0.0% 0.0%, 5.9%, 20.4%, 0.0%
OKLCH 0.889 0.0536 267.9 0.9577 0.0507 88.6

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

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFF0CB → 背景色: #CBDAFF

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

テキスト: #CBDAFF → 背景色: #FFF0CB

色差 (Delta E)

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

グラデーション

#CBDAFF #D5DEF7 #DEE1EE #E7E5E5 #F0E9DD #F8ECD4 #FFF0CB

カラーミキシング

#CBDAFF

100%

#DADFF2

75:25

#E7E5E5

50:50

#F4EAD8

25:75

#FFF0CB

100%

CSSグラデーションコード

background: linear-gradient(to right, #CBDAFF, #FFF0CB);
background: linear-gradient(135deg, #CBDAFF, #FFF0CB);

各色を詳しく見る

#CBDAFF

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

#FFF0CB

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

関連する比較