#BADEF5

#BADEF5

#F5D1BA

#F5D1BA

コントラスト比

1.01:1

Delta E

35.05

Very Different

50:50 ミックス

#DBD8D7

カラー値

フォーマット #BADEF5 #F5D1BA
HEX #BADEF5 #F5D1BA
RGB 186, 222, 245 245, 209, 186
HSL 203.4, 74.7%, 84.5% 23.4, 74.7%, 84.5%
HSV 203.4, 24.1%, 96.1% 23.4, 24.1%, 96.1%
CMYK 24.1%, 9.4%, 0.0%, 3.9% 0.0%, 14.7%, 24.1%, 3.9%
OKLCH 0.8821 0.0495 236.2 0.8853 0.0511 54.5

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

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F5D1BA → 背景色: #BADEF5

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

テキスト: #BADEF5 → 背景色: #F5D1BA

色差 (Delta E)

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

グラデーション

#BADEF5 #C6DCEB #D1DAE1 #DBD8D7 #E4D5CE #EDD3C4 #F5D1BA

カラーミキシング

#BADEF5

100%

#CCDBE6

75:25

#DBD8D7

50:50

#E9D4C9

25:75

#F5D1BA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BADEF5, #F5D1BA);
background: linear-gradient(135deg, #BADEF5, #F5D1BA);

各色を詳しく見る

#BADEF5

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

#F5D1BA

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

関連する比較