#BAEBFF

#BAEBFF

#FFCEBA

#FFCEBA

コントラスト比

1.11:1

Delta E

40.63

Very Different

50:50 ミックス

#E2DDDC

カラー値

フォーマット #BAEBFF #FFCEBA
HEX #BAEBFF #FFCEBA
RGB 186, 235, 255 255, 206, 186
HSL 197.4, 100.0%, 86.5% 17.4, 100.0%, 86.5%
HSV 197.4, 27.1%, 100.0% 17.4, 27.1%, 100.0%
CMYK 27.1%, 7.8%, 0.0%, 0.0% 0.0%, 19.2%, 27.1%, 0.0%
OKLCH 0.9125 0.0572 224.8 0.8889 0.062 43.3

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

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFCEBA → 背景色: #BAEBFF

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

テキスト: #BAEBFF → 背景色: #FFCEBA

色差 (Delta E)

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

グラデーション

#BAEBFF #C9E6F3 #D6E2E8 #E2DDDC #ECD8D1 #F6D3C5 #FFCEBA

カラーミキシング

#BAEBFF

100%

#D0E4EE

75:25

#E2DDDC

50:50

#F1D6CB

25:75

#FFCEBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAEBFF, #FFCEBA);
background: linear-gradient(135deg, #BAEBFF, #FFCEBA);

各色を詳しく見る

#BAEBFF

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

#FFCEBA

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

関連する比較