#58DCDF

#58DCDF

#DF5B58

#DF5B58

コントラスト比

2.2:1

Delta E

98.43

Very Different

50:50 ミックス

#BCA299

カラー値

フォーマット #58DCDF #DF5B58
HEX #58DCDF #DF5B58
RGB 88, 220, 223 223, 91, 88
HSL 181.3, 67.8%, 61.0% 1.3, 67.8%, 61.0%
HSV 181.3, 60.5%, 87.5% 1.3, 60.5%, 87.5%
CMYK 60.5%, 1.3%, 0.0%, 12.5% 0.0%, 59.2%, 60.5%, 12.5%
OKLCH 0.8237 0.1143 197.3 0.6401 0.1661 24.2

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

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF5B58 → 背景色: #58DCDF

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

テキスト: #58DCDF → 背景色: #DF5B58

色差 (Delta E)

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

グラデーション

#58DCDF #8AC9C7 #A7B6B0 #BCA299 #CB8C83 #D7756D #DF5B58

カラーミキシング

#58DCDF

100%

#9ABFBB

75:25

#BCA299

50:50

#D18178

25:75

#DF5B58

100%

CSSグラデーションコード

background: linear-gradient(to right, #58DCDF, #DF5B58);
background: linear-gradient(135deg, #58DCDF, #DF5B58);

各色を詳しく見る

#58DCDF

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

#DF5B58

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

関連する比較