#42E2FF

#42E2FF

#FF5F42

#FF5F42

コントラスト比

1.95:1

Delta E

119.13

Very Different

50:50 ミックス

#D2A89E

カラー値

フォーマット #42E2FF #FF5F42
HEX #42E2FF #FF5F42
RGB 66, 226, 255 255, 95, 66
HSL 189.2, 100.0%, 62.9% 9.2, 100.0%, 62.9%
HSV 189.2, 74.1%, 100.0% 9.2, 74.1%, 100.0%
CMYK 74.1%, 11.4%, 0.0%, 0.0% 0.0%, 62.7%, 74.1%, 0.0%
OKLCH 0.8438 0.1331 212.8 0.6909 0.2002 32.5

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

1.95:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF5F42 → 背景色: #42E2FF

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

テキスト: #42E2FF → 背景色: #FF5F42

色差 (Delta E)

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

グラデーション

#42E2FF #91CFDE #B8BCBE #D2A89E #E6937F #F47B60 #FF5F42

カラーミキシング

#42E2FF

100%

#A7C6CE

75:25

#D2A89E

50:50

#ED8770

25:75

#FF5F42

100%

CSSグラデーションコード

background: linear-gradient(to right, #42E2FF, #FF5F42);
background: linear-gradient(135deg, #42E2FF, #FF5F42);

各色を詳しく見る

#42E2FF

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

#FF5F42

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

関連する比較