#BBCCEE

#BBCCEE

#EEDDBB

#EEDDBB

コントラスト比

1.21:1

Delta E

38.13

Very Different

50:50 ミックス

#D7D4D5

カラー値

フォーマット #BBCCEE #EEDDBB
HEX #BBCCEE #EEDDBB
RGB 187, 204, 238 238, 221, 187
HSL 220.0, 60.0%, 83.3% 40.0, 60.0%, 83.3%
HSV 220.0, 21.4%, 93.3% 40.0, 21.4%, 93.3%
CMYK 21.4%, 14.3%, 0.0%, 6.7% 0.0%, 7.1%, 21.4%, 6.7%
OKLCH 0.8434 0.0511 264.3 0.9026 0.0486 84.5

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEDDBB → 背景色: #BBCCEE

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

テキスト: #BBCCEE → 背景色: #EEDDBB

色差 (Delta E)

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

グラデーション

#BBCCEE #C5CFE6 #CED2DD #D7D4D5 #DFD7CC #E7DAC4 #EEDDBB

カラーミキシング

#BBCCEE

100%

#CAD0E1

75:25

#D7D4D5

50:50

#E3D9C8

25:75

#EEDDBB

100%

CSSグラデーションコード

background: linear-gradient(to right, #BBCCEE, #EEDDBB);
background: linear-gradient(135deg, #BBCCEE, #EEDDBB);

各色を詳しく見る

#BBCCEE

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

#EEDDBB

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

関連する比較