#98DFDC

#98DFDC

#DF989B

#DF989B

コントラスト比

1.53:1

Delta E

53.86

Very Different

50:50 ミックス

#C4BDBB

カラー値

フォーマット #98DFDC #DF989B
HEX #98DFDC #DF989B
RGB 152, 223, 220 223, 152, 155
HSL 177.5, 52.6%, 73.5% 357.5, 52.6%, 73.5%
HSV 177.5, 31.8%, 87.5% 357.5, 31.8%, 87.5%
CMYK 31.8%, 0.0%, 1.3%, 12.5% 0.0%, 31.8%, 30.5%, 12.5%
OKLCH 0.856 0.071 192.6 0.7503 0.0857 16.5

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

1.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF989B → 背景色: #98DFDC

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

テキスト: #98DFDC → 背景色: #DF989B

色差 (Delta E)

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

グラデーション

#98DFDC #A9D4D1 #B8C8C6 #C4BDBB #CEB1B0 #D7A5A5 #DF989B

カラーミキシング

#98DFDC

100%

#B1CECB

75:25

#C4BDBB

50:50

#D3ABAB

25:75

#DF989B

100%

CSSグラデーションコード

background: linear-gradient(to right, #98DFDC, #DF989B);
background: linear-gradient(135deg, #98DFDC, #DF989B);

各色を詳しく見る

#98DFDC

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

#DF989B

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

関連する比較