#BFDDC0

#BFDDC0

#DDBFDC

#DDBFDC

コントラスト比

1.14:1

Delta E

37.98

Very Different

50:50 ミックス

#CFCECE

カラー値

フォーマット #BFDDC0 #DDBFDC
HEX #BFDDC0 #DDBFDC
RGB 191, 221, 192 221, 191, 220
HSL 122.0, 30.6%, 80.8% 302.0, 30.6%, 80.8%
HSV 122.0, 13.6%, 86.7% 302.0, 13.6%, 86.7%
CMYK 13.6%, 0.0%, 13.1%, 13.3% 0.0%, 13.6%, 0.5%, 13.3%
OKLCH 0.8677 0.0507 146.0 0.839 0.0515 327.1

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

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DDBFDC → 背景色: #BFDDC0

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

テキスト: #BFDDC0 → 背景色: #DDBFDC

色差 (Delta E)

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

グラデーション

#BFDDC0 #C5D8C5 #CAD3C9 #CFCECE #D4C9D3 #D9C4D7 #DDBFDC

カラーミキシング

#BFDDC0

100%

#C7D6C7

75:25

#CFCECE

50:50

#D6C7D5

25:75

#DDBFDC

100%

CSSグラデーションコード

background: linear-gradient(to right, #BFDDC0, #DDBFDC);
background: linear-gradient(135deg, #BFDDC0, #DDBFDC);

各色を詳しく見る

#BFDDC0

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

#DDBFDC

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

関連する比較