#BADDCC

#BADDCC

#DDBACB

#DDBACB

コントラスト比

1.2:1

Delta E

31.89

Very Different

50:50 ミックス

#CDCCCC

カラー値

フォーマット #BADDCC #DDBACB
HEX #BADDCC #DDBACB
RGB 186, 221, 204 221, 186, 203
HSL 150.9, 34.0%, 79.8% 330.9, 34.0%, 79.8%
HSV 150.9, 15.8%, 86.7% 330.9, 15.8%, 86.7%
CMYK 15.8%, 0.0%, 7.7%, 13.3% 0.0%, 15.8%, 8.1%, 13.3%
OKLCH 0.8674 0.0437 164.5 0.8242 0.0458 347.3

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

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DDBACB → 背景色: #BADDCC

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

テキスト: #BADDCC → 背景色: #DDBACB

色差 (Delta E)

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

グラデーション

#BADDCC #C1D7CC #C7D2CC #CDCCCC #D3C6CB #D8C0CB #DDBACB

カラーミキシング

#BADDCC

100%

#C4D5CC

75:25

#CDCCCC

50:50

#D5C3CB

25:75

#DDBACB

100%

CSSグラデーションコード

background: linear-gradient(to right, #BADDCC, #DDBACB);
background: linear-gradient(135deg, #BADDCC, #DDBACB);

各色を詳しく見る

#BADDCC

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

#DDBACB

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

関連する比較