#54DCDF

#54DCDF

#DF5754

#DF5754

コントラスト比

2.25:1

Delta E

101.13

Very Different

50:50 ミックス

#BCA097

カラー値

フォーマット #54DCDF #DF5754
HEX #54DCDF #DF5754
RGB 84, 220, 223 223, 87, 84
HSL 181.3, 68.5%, 60.2% 1.3, 68.5%, 60.2%
HSV 181.3, 62.3%, 87.5% 1.3, 62.3%, 87.5%
CMYK 62.3%, 1.3%, 0.0%, 12.5% 0.0%, 61.0%, 62.3%, 12.5%
OKLCH 0.8225 0.1164 197.2 0.6343 0.171 24.5

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

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF5754 → 背景色: #54DCDF

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

テキスト: #54DCDF → 背景色: #DF5754

色差 (Delta E)

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

グラデーション

#54DCDF #89C9C6 #A7B5AE #BCA097 #CB8A80 #D7736A #DF5754

カラーミキシング

#54DCDF

100%

#9ABFBA

75:25

#BCA097

50:50

#D17F75

25:75

#DF5754

100%

CSSグラデーションコード

background: linear-gradient(to right, #54DCDF, #DF5754);
background: linear-gradient(135deg, #54DCDF, #DF5754);

各色を詳しく見る

#54DCDF

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

#DF5754

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

関連する比較