#9DDFD3

#9DDFD3

#DF9DA9

#DF9DA9

コントラスト比

1.46:1

Delta E

51.39

Very Different

50:50 ミックス

カラー値

フォーマット #9DDFD3 #DF9DA9
HEX #9DDFD3 #DF9DA9
RGB 157, 223, 211 223, 157, 169
HSL 169.1, 50.8%, 74.5% 349.1, 50.8%, 74.5%
HSV 169.1, 29.6%, 87.5% 349.1, 29.6%, 87.5%
CMYK 29.6%, 0.0%, 5.4%, 12.5% 0.0%, 29.6%, 24.2%, 12.5%
OKLCH 0.856 0.0687 182.1 0.7629 0.0801 7.1

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

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF9DA9 → 背景色: #9DDFD3

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

テキスト: #9DDFD3 → 背景色: #DF9DA9

色差 (Delta E)

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

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #9DDFD3, #DF9DA9);
background: linear-gradient(135deg, #9DDFD3, #DF9DA9);

各色を詳しく見る

関連する比較