#BBC6FF

#BBC6FF

#FFF4BB

#FFF4BB

コントラスト比

1.5:1

Delta E

61.43

Very Different

50:50 ミックス

#E1DCDE

カラー値

フォーマット #BBC6FF #FFF4BB
HEX #BBC6FF #FFF4BB
RGB 187, 198, 255 255, 244, 187
HSL 230.3, 100.0%, 86.7% 50.3, 100.0%, 86.7%
HSV 230.3, 26.7%, 100.0% 50.3, 26.7%, 100.0%
CMYK 26.7%, 22.4%, 0.0%, 0.0% 0.0%, 4.3%, 26.7%, 0.0%
OKLCH 0.8378 0.0808 276.0 0.9622 0.0737 98.4

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

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFF4BB → 背景色: #BBC6FF

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

テキスト: #BBC6FF → 背景色: #FFF4BB

色差 (Delta E)

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

グラデーション

#BBC6FF #C9CDF4 #D6D5E9 #E1DCDE #ECE4D3 #F6ECC7 #FFF4BB

カラーミキシング

#BBC6FF

100%

#CFD1EF

75:25

#E1DCDE

50:50

#F1E8CD

25:75

#FFF4BB

100%

CSSグラデーションコード

background: linear-gradient(to right, #BBC6FF, #FFF4BB);
background: linear-gradient(135deg, #BBC6FF, #FFF4BB);

各色を詳しく見る

#BBC6FF

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

#FFF4BB

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

関連する比較