Recognised as Colour

#F0C45F

#F0C45F
Orange
Light
Nearest: Goldenrod

#F0C45F is a orange with RGB values 240, 196, 95 and HSL 42°, 83%, 66%. It is a light colour, so black text on it reaches 12.8:1 contrast (AAA for normal text). The nearest named colour is Goldenrod.

Colour values

#F0C45F#F0C45F

HEX#F0C45F

RGBrgb(240, 196, 95)

RGB (0–1)0.9412, 0.7686, 0.3725

RGB percentages94.1%, 76.9%, 37.3%

HSLhsl(41.8, 82.9%, 65.7%)

HSV / HSBhsv(41.8, 60.4%, 94.1%)

CMYK0%, 18.3%, 60.4%, 5.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,778,911

CSS custom property--colour: #F0C45F;

Brightness & contrast

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

Perceived brightness202 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.77:1

Contrast with white1.64:1WCAG normal text: Fail

Contrast with black12.77:1WCAG normal text: AAA

Greyscale equivalent#C6C6C6

Inverted#0F3BA0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.64:1WCAG large text: Fail

Contrast with black, large text12.77:1WCAG large text: AAA

Named colours

Goldenrod · ΔE 17.3 Khaki · ΔE 19.4 Sandy brown · ΔE 21.7 Dark khaki · ΔE 22.4 Dark goldenrod · ΔE 23.7 Burlywood · ΔE 26

Nearest named CSS colourGoldenrod (#DAA520)ΔE 17.28, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5F8BF0

Analogous#F07C5F, #D3F05F

Triadic#5FF0C4, #C45FF0

Split complementary#5FD4F0, #7B5FF0

Tetradic#5FF07C, #5F8BF0, #F05FD4

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FDF8EB

Lighter +20%#F9E6BC

Lighter +10%#F4D58E

Darker −10%#ECB330

Darker −20%#D59A14

Darker −30%#A67910

Darker −40%#78570B

More saturated +25%#FFCA50

Less saturated −25%#DABB75

Channel breakdown

R240

G196

B95

Red240 (94.1%)

Green196 (76.9%)

Blue95 (37.3%)

Hue41.79°

Saturation (HSL)82.86%

Lightness65.69%

Dominant channelRed

Hex per channelR F0 · G C4 · B 5F

Keep nerding

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

#F0C45F

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