#006DFF

#006DFF

#FF9200

#FF9200

コントラスト比

2.02:1

Delta E

156.82

Very Different

50:50 ミックス

#C67B95

カラー値

フォーマット #006DFF #FF9200
HEX #006DFF #FF9200
RGB 0, 109, 255 255, 146, 0
HSL 214.4, 100.0%, 50.0% 34.4, 100.0%, 50.0%
HSV 214.4, 100.0%, 100.0% 34.4, 100.0%, 100.0%
CMYK 100.0%, 57.3%, 0.0%, 0.0% 0.0%, 42.7%, 100.0%, 0.0%
OKLCH 0.5768 0.2328 259.8 0.7603 0.1764 61.1

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

2.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF9200 → 背景色: #006DFF

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

テキスト: #006DFF → 背景色: #FF9200

色差 (Delta E)

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

グラデーション

#006DFF #7E70DB #A875B8 #C67B95 #DC8271 #EF8A49 #FF9200

カラーミキシング

#006DFF

100%

#9573CA

75:25

#C67B95

50:50

#E6865E

25:75

#FF9200

100%

CSSグラデーションコード

background: linear-gradient(to right, #006DFF, #FF9200);
background: linear-gradient(135deg, #006DFF, #FF9200);

各色を詳しく見る

#006DFF

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

#FF9200

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

関連する比較