#1081F4

#1081F4

#F48310

#F48310

コントラスト比

1.48:1

Delta E

138.03

Very Different

50:50 ミックス

#BE808E

カラー値

フォーマット #1081F4 #F48310
HEX #1081F4 #F48310
RGB 16, 129, 244 244, 131, 16
HSL 210.3, 91.2%, 51.0% 30.3, 91.2%, 51.0%
HSV 210.3, 93.4%, 95.7% 30.3, 93.4%, 95.7%
CMYK 93.4%, 47.1%, 0.0%, 4.3% 0.0%, 46.3%, 93.4%, 4.3%
OKLCH 0.6107 0.1949 255.0 0.7219 0.1728 56.2

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

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F48310 → 背景色: #1081F4

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

テキスト: #1081F4 → 背景色: #F48310

色差 (Delta E)

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

グラデーション

#1081F4 #7A80D2 #A280B0 #BE808E #D3816C #E58247 #F48310

カラーミキシング

#1081F4

100%

#9080C1

75:25

#BE808E

50:50

#DC815A

25:75

#F48310

100%

CSSグラデーションコード

background: linear-gradient(to right, #1081F4, #F48310);
background: linear-gradient(135deg, #1081F4, #F48310);

各色を詳しく見る

#1081F4

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

#F48310

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

関連する比較