Colour

#F97E4F

#F97E4F
Orange
Dark
Nearest: Coral

#F97E4F is a orange with RGB values 249, 126, 79 and HSL 17°, 93%, 64%. It is a dark colour, so black text on it reaches 8.1:1 contrast (AAA for normal text). The nearest named colour is Coral.

Colour values

#F97E4F#F97E4F

HEX#F97E4F

RGBrgb(249, 126, 79)

RGB (0–1)0.9765, 0.4941, 0.3098

RGB percentages97.6%, 49.4%, 31%

HSLhsl(16.6, 93.4%, 64.3%)

HSV / HSBhsv(16.6, 68.3%, 97.6%)

CMYK0%, 49.4%, 68.3%, 2.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,350,799

CSS custom property--colour: #F97E4F;

Brightness & contrast

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

Perceived brightness169 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.13:1

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

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

Greyscale equivalent#959595

Inverted#0681B0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9F904Ano red cones; affects about 1% of men; ΔE 48.5 from the original

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

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

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

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

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

Named colours

Coral · ΔE 2.3 Tomato · ΔE 14.9 Chocolate · ΔE 15.8 Salmon · ΔE 17.6 Light salmon · ΔE 19 Sandy brown · ΔE 21.9

Nearest named CSS colourCoral (#FF7F50)ΔE 2.29, below the just-noticeable difference

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4FCAF9

Analogous#F94F75, #F9D34F

Triadic#4FF97E, #7E4FF9

Split complementary#4FF9D3, #4F75F9

Tetradic#75F94F, #4FCAF9, #D34FF9

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FEEAE3

Lighter +20%#FCC6B2

Lighter +10%#FBA280

Darker −10%#F75A1E

Darker −20%#DB4207

Darker −30%#A93306

Darker −40%#782404

More saturated +25%#FF7B49

Less saturated −25%#E28866

Channel breakdown

R249

G126

B79

Red249 (97.6%)

Green126 (49.4%)

Blue79 (31%)

Hue16.59°

Saturation (HSL)93.41%

Lightness64.31%

Dominant channelRed

Hex per channelR F9 · G 7E · B 4F

Keep nerding

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

#F97E4F

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