#42B2FF

#42B2FF

#FF8F42

#FF8F42

コントラスト比

1.02:1

Delta E

113.25

Very Different

50:50 ミックス

#CAA1A2

カラー値

フォーマット #42B2FF #FF8F42
HEX #42B2FF #FF8F42
RGB 66, 178, 255 255, 143, 66
HSL 204.4, 100.0%, 62.9% 24.4, 100.0%, 62.9%
HSV 204.4, 74.1%, 100.0% 24.4, 74.1%, 100.0%
CMYK 74.1%, 30.2%, 0.0%, 0.0% 0.0%, 43.9%, 74.1%, 0.0%
OKLCH 0.7344 0.1496 243.0 0.7584 0.1619 52.0

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

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF8F42 → 背景色: #42B2FF

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

テキスト: #42B2FF → 背景色: #FF8F42

色差 (Delta E)

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

グラデーション

#42B2FF #89ADE0 #AFA7C1 #CAA1A2 #DF9B83 #F09564 #FF8F42

カラーミキシング

#42B2FF

100%

#9EAAD0

75:25

#CAA1A2

50:50

#E89874

25:75

#FF8F42

100%

CSSグラデーションコード

background: linear-gradient(to right, #42B2FF, #FF8F42);
background: linear-gradient(135deg, #42B2FF, #FF8F42);

各色を詳しく見る

#42B2FF

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

#FF8F42

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

関連する比較