#BAEDF0

#BAEDF0

#F0BDBA

#F0BDBA

コントラスト比

1.3:1

Delta E

37.93

Very Different

50:50 ミックス

#D9D6D5

カラー値

フォーマット #BAEDF0 #F0BDBA
HEX #BAEDF0 #F0BDBA
RGB 186, 237, 240 240, 189, 186
HSL 183.3, 64.3%, 83.5% 3.3, 64.3%, 83.5%
HSV 183.3, 22.5%, 94.1% 3.3, 22.5%, 94.1%
CMYK 22.5%, 1.2%, 0.0%, 5.9% 0.0%, 21.2%, 22.5%, 5.9%
OKLCH 0.9119 0.0522 200.8 0.843 0.0592 22.3

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

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F0BDBA → 背景色: #BAEDF0

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

テキスト: #BAEDF0 → 背景色: #F0BDBA

色差 (Delta E)

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

グラデーション

#BAEDF0 #C6E5E7 #D0DDDE #D9D6D5 #E2CDCC #E9C5C3 #F0BDBA

カラーミキシング

#BAEDF0

100%

#CBE1E2

75:25

#D9D6D5

50:50

#E6C9C7

25:75

#F0BDBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAEDF0, #F0BDBA);
background: linear-gradient(135deg, #BAEDF0, #F0BDBA);

各色を詳しく見る

#BAEDF0

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

#F0BDBA

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

関連する比較