orangewarmلون مُسمّى في CSS

Orange #FFA500

A bright warm orange; energetic and highly visible.

الوصف التحريري مُعروض بلغته الأصلية (الإنجليزية).

الاستخدامات: CTAs · Energy brands

العائلات: برتقالي · ذهبي · Mustard Colors

قيم اللون

الصيغةالقيمة
HEX#FFA500
RGBrgb(255, 165, 0)
HSLhsl(39, 100%, 50%)
HSVhsv(39, 100%, 100%)
OKLCHoklch(79.27% 0.171 70.7)
OKLaboklab(79.27% 0.0566 0.1614)
CMYKcmyk(0%, 35.3%, 100%, 0%)
XYZxyz(54.6999, 48.1758, 6.4181)
CIE-LABlab(74.9, 23.9, 79.0)
CIE-LCHlch(74.9, 82.5, 73.1°)
Luminance0.482 (WCAG relative)
/* Orange */ --orange: #ffa500; color: #ffa500; background-color: #ffa500;

المصدر: W3C لون مُسمّى في CSS. كلمة CSS المفتاحية: orange.

المجموعات: Vibrant Colors · Gold Colors · Neon Colors · Tropical Colors · Sunset Colors

سلّم الدرجات

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

تدريج OKLCH (متساوٍ إدراكياً، حديث في CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#e3930a #c78210 #ac7013 #926014 #795014 #604013 #493112 #32230f #1e1508 #000000

Tints (toward white)

#ffae31 #ffb64c #ffbf64 #ffc87b #ffd191 #ffdaa7 #ffe3bc #ffecd2 #fff6e9 #ffffff

Tones (toward gray)

#faa729 #f5a93f #f0ab50 #eaad61 #e4af70 #ddb17f #d5b38d #cdb59c #c3b6aa #b8b8b8

تناغمات الألوان

Complementary

Edit in generator →
#FFA500
#005AFF
#ffa500 #005aff

Analogous

Edit in generator →
#FF2600
#FFA500
#D9FF00
#ff2600 #ffa500 #d9ff00

Triadic

Edit in generator →
#FFA500
#00FFA5
#A500FF
#ffa500 #00ffa5 #a500ff

Tetradic

Edit in generator →
#FFA500
#00FF26
#005AFF
#FF00D9
#ffa500 #00ff26 #005aff #ff00d9

Square

Edit in generator →
#FFA500
#00FF26
#005AFF
#FF00D9
#ffa500 #00ff26 #005aff #ff00d9

Split Complementary

Edit in generator →
#FFA500
#00D9FF
#2600FF
#ffa500 #00d9ff #2600ff

Monochromatic

Edit in generator →
#855600
#C27D00
#FFA500
#FFBB3D
#FFD07A
#855600 #c27d00 #ffa500 #ffbb3d #ffd07a

إمكانية الوصول والتباين

1.97
#FFA500 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
10.63
#FFA500 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

أفضل نص على Orange

10.63
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

معاينة عمى الألوان

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

الرؤية الطبيعية
Protanopia (red-blind)
#C3AC00
Deuteranopia (green-blind)
#D9C10E
Tritanopia (blue-blind)
#FF8E8D

أقرب الألوان المُسمّاة

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Mango #FFA62B2.25
Orange Yellow #FFAD012.84
Yellow Orange #FCB0014.42
Butterscotch #FDB1474.43
Squash #F2AB154.49
Honey #EB96054.62

تركيبات مع Orange

لوحات تحتوي Orange

ألوان تتناسب مع Orange

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Taupe #8B7D6B
2.0:1
Same hue family as orange (Δh 5°) — guaranteed harmony
Rose Red #BE013C
3.3:1
Warm/cool bridge (Δh 58°) — adds depth without tension
Indigo #4B0082
6.6:1
Triadic harmony (Δh ≈124°) — balanced three-way contrast
Indigo Blue #3A18B1
5.5:1
Split-complementary angle (Δh ≈145°) — strong but softer than direct complement
Navy Blue #1B2A4A
7.2:1
Complementary hue (Δh ≈178°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.

Orange (#FFA500) — قيم اللون والتباين — Tintiva