#ABDCD3

#ABDCD3

#DCABB4

#DCABB4

コントラスト比

1.32:1

Delta E

38.25

Very Different

50:50 ミックス

#C7C4C3

カラー値

フォーマット #ABDCD3 #DCABB4
HEX #ABDCD3 #DCABB4
RGB 171, 220, 211 220, 171, 180
HSL 169.0, 41.2%, 76.7% 349.0, 41.2%, 76.7%
HSV 169.0, 22.3%, 86.3% 349.0, 22.3%, 86.3%
CMYK 22.3%, 0.0%, 4.1%, 13.7% 0.0%, 22.3%, 18.2%, 13.7%
OKLCH 0.8576 0.0523 182.6 0.7884 0.0585 6.2

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

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCABB4 → 背景色: #ABDCD3

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

テキスト: #ABDCD3 → 背景色: #DCABB4

色差 (Delta E)

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

グラデーション

#ABDCD3 #B5D4CE #BFCCC9 #C7C4C3 #CFBCBE #D6B4B9 #DCABB4

カラーミキシング

#ABDCD3

100%

#BAD0CB

75:25

#C7C4C3

50:50

#D2B8BC

25:75

#DCABB4

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABDCD3, #DCABB4);
background: linear-gradient(135deg, #ABDCD3, #DCABB4);

各色を詳しく見る

#ABDCD3

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

#DCABB4

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

関連する比較