#BAEEF0

#BAEEF0

#F0BCBA

#F0BCBA

コントラスト比

1.31:1

Delta E

38.67

Very Different

50:50 ミックス

#D9D6D5

カラー値

フォーマット #BAEEF0 #F0BCBA
HEX #BAEEF0 #F0BCBA
RGB 186, 238, 240 240, 188, 186
HSL 182.2, 64.3%, 83.5% 2.2, 64.3%, 83.5%
HSV 182.2, 22.5%, 94.1% 2.2, 22.5%, 94.1%
CMYK 22.5%, 0.8%, 0.0%, 5.9% 0.0%, 21.7%, 22.5%, 5.9%
OKLCH 0.914 0.053 199.2 0.8411 0.0603 21.0

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

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F0BCBA → 背景色: #BAEEF0

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

テキスト: #BAEEF0 → 背景色: #F0BCBA

色差 (Delta E)

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

グラデーション

#BAEEF0 #C6E6E7 #D0DEDE #D9D6D5 #E2CDCC #E9C5C3 #F0BCBA

カラーミキシング

#BAEEF0

100%

#CBE2E2

75:25

#D9D6D5

50:50

#E6C9C7

25:75

#F0BCBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAEEF0, #F0BCBA);
background: linear-gradient(135deg, #BAEEF0, #F0BCBA);

各色を詳しく見る

#BAEEF0

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

#F0BCBA

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

関連する比較