#CCBCEF

#CCBCEF

#DFEFBC

#DFEFBC

コントラスト比

1.43:1

Delta E

56.25

Very Different

50:50 ミックス

#D7D5D6

カラー値

フォーマット #CCBCEF #DFEFBC
HEX #CCBCEF #DFEFBC
RGB 204, 188, 239 223, 239, 188
HSL 258.8, 61.4%, 83.7% 78.8, 61.4%, 83.7%
HSV 258.8, 21.3%, 93.7% 78.8, 21.3%, 93.7%
CMYK 14.6%, 21.3%, 0.0%, 6.3% 6.7%, 0.0%, 21.3%, 6.3%
OKLCH 0.8254 0.0725 299.2 0.9274 0.069 121.9

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

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFEFBC → 背景色: #CCBCEF

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

テキスト: #CCBCEF → 背景色: #DFEFBC

色差 (Delta E)

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

グラデーション

#CCBCEF #D0C4E7 #D4CDDF #D7D5D6 #DADECE #DDE6C5 #DFEFBC

カラーミキシング

#CCBCEF

100%

#D2C9E3

75:25

#D7D5D6

50:50

#DCE2C9

25:75

#DFEFBC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCBCEF, #DFEFBC);
background: linear-gradient(135deg, #CCBCEF, #DFEFBC);

各色を詳しく見る

#CCBCEF

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

#DFEFBC

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

関連する比較