#B4DFD9

#B4DFD9

#DFB4BA

#DFB4BA

コントラスト比

1.27:1

Delta E

33.03

Very Different

50:50 ミックス

#CCCAC9

カラー値

フォーマット #B4DFD9 #DFB4BA
HEX #B4DFD9 #DFB4BA
RGB 180, 223, 217 223, 180, 186
HSL 171.6, 40.2%, 79.0% 351.6, 40.2%, 79.0%
HSV 171.6, 19.3%, 87.5% 351.6, 19.3%, 87.5%
CMYK 19.3%, 0.0%, 2.7%, 12.5% 0.0%, 19.3%, 16.6%, 12.5%
OKLCH 0.8715 0.0455 186.0 0.8098 0.0504 8.8

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

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFB4BA → 背景色: #B4DFD9

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

テキスト: #B4DFD9 → 背景色: #DFB4BA

色差 (Delta E)

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

グラデーション

#B4DFD9 #BDD8D4 #C5D1CF #CCCAC9 #D3C3C4 #D9BBBF #DFB4BA

カラーミキシング

#B4DFD9

100%

#C1D5D1

75:25

#CCCAC9

50:50

#D6BFC2

25:75

#DFB4BA

100%

CSSグラデーションコード

background: linear-gradient(to right, #B4DFD9, #DFB4BA);
background: linear-gradient(135deg, #B4DFD9, #DFB4BA);

各色を詳しく見る

#B4DFD9

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

#DFB4BA

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

関連する比較