#53FDFF

#53FDFF

#FF5553

#FF5553

コントラスト比

2.53:1

Delta E

121.74

Very Different

50:50 ミックス

#D8B3A5

カラー値

フォーマット #53FDFF #FF5553
HEX #53FDFF #FF5553
RGB 83, 253, 255 255, 85, 83
HSL 180.7, 100.0%, 66.3% 0.7, 100.0%, 66.3%
HSV 180.7, 67.5%, 100.0% 0.7, 67.5%, 100.0%
CMYK 67.5%, 0.8%, 0.0%, 0.0% 0.0%, 66.7%, 67.5%, 0.0%
OKLCH 0.9099 0.1361 196.2 0.6819 0.2066 25.0

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

2.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF5553 → 背景色: #53FDFF

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

テキスト: #53FDFF → 背景色: #FF5553

色差 (Delta E)

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

グラデーション

#53FDFF #9AE5E0 #BFCDC2 #D8B3A5 #E99889 #F67A6E #FF5553

カラーミキシング

#53FDFF

100%

#AFD9D1

75:25

#D8B3A5

50:50

#F0897B

25:75

#FF5553

100%

CSSグラデーションコード

background: linear-gradient(to right, #53FDFF, #FF5553);
background: linear-gradient(135deg, #53FDFF, #FF5553);

各色を詳しく見る

#53FDFF

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

#FF5553

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

関連する比較