#BAD5DF

#BAD5DF

#DFC4BA

#DFC4BA

コントラスト比

1.07:1

Delta E

22.29

Noticeable

50:50 ミックス

#CECDCC

カラー値

フォーマット #BAD5DF #DFC4BA
HEX #BAD5DF #DFC4BA
RGB 186, 213, 223 223, 196, 186
HSL 196.2, 36.6%, 80.2% 16.2, 36.6%, 80.2%
HSV 196.2, 16.6%, 87.5% 16.2, 16.6%, 87.5%
CMYK 16.6%, 4.5%, 0.0%, 12.5% 0.0%, 12.1%, 16.6%, 12.5%
OKLCH 0.8562 0.032 222.1 0.8404 0.0337 41.4

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

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFC4BA → 背景色: #BAD5DF

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

テキスト: #BAD5DF → 背景色: #DFC4BA

色差 (Delta E)

22.29 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#BAD5DF #C1D2D9 #C8CFD3 #CECDCC #D4CAC6 #DAC7C0 #DFC4BA

カラーミキシング

#BAD5DF

100%

#C5D1D6

75:25

#CECDCC

50:50

#D7C8C3

25:75

#DFC4BA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAD5DF, #DFC4BA);
background: linear-gradient(135deg, #BAD5DF, #DFC4BA);

各色を詳しく見る

#BAD5DF

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

#DFC4BA

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

関連する比較