#98C5DF

#98C5DF

#DFB298

#DFB298

コントラスト比

1.04:1

Delta E

42.93

Very Different

50:50 ミックス

#C2BCBB

カラー値

フォーマット #98C5DF #DFB298
HEX #98C5DF #DFB298
RGB 152, 197, 223 223, 178, 152
HSL 202.0, 52.6%, 73.5% 22.0, 52.6%, 73.5%
HSV 202.0, 31.8%, 87.5% 22.0, 31.8%, 87.5%
CMYK 31.8%, 11.7%, 0.0%, 12.5% 0.0%, 20.2%, 31.8%, 12.5%
OKLCH 0.8003 0.0601 233.8 0.7974 0.0636 51.5

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

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFB298 → 背景色: #98C5DF

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

テキスト: #98C5DF → 背景色: #DFB298

色差 (Delta E)

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

グラデーション

#98C5DF #A8C2D3 #B6BFC7 #C2BCBB #CCB9B0 #D6B5A4 #DFB298

カラーミキシング

#98C5DF

100%

#AFC0CD

75:25

#C2BCBB

50:50

#D1B7AA

25:75

#DFB298

100%

CSSグラデーションコード

background: linear-gradient(to right, #98C5DF, #DFB298);
background: linear-gradient(135deg, #98C5DF, #DFB298);

各色を詳しく見る

#98C5DF

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

#DFB298

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

関連する比較