#218CF0

#218CF0

#F08521

#F08521

コントラスト比

1.33:1

Delta E

127.34

Very Different

50:50 ミックス

#BB888F

カラー値

フォーマット #218CF0 #F08521
HEX #218CF0 #F08521
RGB 33, 140, 240 240, 133, 33
HSL 209.0, 87.3%, 53.5% 29.0, 87.3%, 53.5%
HSV 209.0, 86.2%, 94.1% 29.0, 86.2%, 94.1%
CMYK 86.2%, 41.7%, 0.0%, 5.9% 0.0%, 44.6%, 86.2%, 5.9%
OKLCH 0.6342 0.1755 252.0 0.7204 0.165 56.6

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

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F08521 → 背景色: #218CF0

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

テキスト: #218CF0 → 背景色: #F08521

色差 (Delta E)

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

グラデーション

#218CF0 #7A8ACF #A089AF #BB888F #D0876F #E1864D #F08521

カラーミキシング

#218CF0

100%

#8F8ABF

75:25

#BB888F

50:50

#D9865E

25:75

#F08521

100%

CSSグラデーションコード

background: linear-gradient(to right, #218CF0, #F08521);
background: linear-gradient(135deg, #218CF0, #F08521);

各色を詳しく見る

#218CF0

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

#F08521

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

関連する比較