Colour

#FD8A22

#FD8A22
Orange
Dark
Nearest: Dark orange

#FD8A22 is a orange with RGB values 253, 138, 34 and HSL 28°, 98%, 56%. It is a dark colour, so black text on it reaches 8.8:1 contrast (AAA for normal text). The nearest named colour is Dark orange.

Colour values

#FD8A22#FD8A22

HEX#FD8A22

RGBrgb(253, 138, 34)

RGB (0–1)0.9922, 0.5412, 0.1333

RGB percentages99.2%, 54.1%, 13.3%

HSLhsl(28.5, 98.2%, 56.3%)

HSV / HSBhsv(28.5, 86.6%, 99.2%)

CMYK0%, 45.5%, 86.6%, 0.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,615,970

CSS custom property--colour: #FD8A22;

Brightness & contrast

Relative luminance0.39175WCAG 2.x, 0 is black and 1 is white

Perceived brightness174.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.84:1

Contrast with white2.38:1WCAG normal text: Fail

Contrast with black8.84:1WCAG normal text: AAA

Greyscale equivalent#9B9B9B

Inverted#0275DD

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#AC9803no red cones; affects about 1% of men; ΔE 43.5 from the original

Deuteranopia#C8B220no green cones; the most common form, about 1% of men; ΔE 43.9 from the original

Tritanopia#FF7077no blue cones; rare, and affects men and women equally; ΔE 48.3 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text2.38:1WCAG large text: Fail

Contrast with black, large text8.84:1WCAG large text: AAA

Named colours

Dark orange · ΔE 7.2 Chocolate · ΔE 17.4 Orange · ΔE 18.2 Coral · ΔE 22.4 Sandy brown · ΔE 26.5 Peru · ΔE 27

Nearest named CSS colourDark orange (#FF8C00)ΔE 7.15, clearly different but related

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#2295FD

Analogous#FD2228, #FDF722

Triadic#22FD8A, #8A22FD

Split complementary#22FDF8, #2228FD

Tetradic#28FD22, #2295FD, #F722FD

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFF5EC

Lighter +30%#FEDABA

Lighter +20%#FEC087

Lighter +10%#FDA555

Darker −10%#EA7002

Darker −20%#B75802

Darker −30%#854001

Darker −40%#522701

More saturated +25%#FF8A20

Less saturated −25%#E18B3E

Channel breakdown

R253

G138

B34

Red253 (99.2%)

Green138 (54.1%)

Blue34 (13.3%)

Hue28.49°

Saturation (HSL)98.21%

Lightness56.27%

Dominant channelRed

Hex per channelR FD · G 8A · B 22

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#FD8A22

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else