Colour

#FDC778

#FDC778
Orange
Light
Nearest: Sandy brown

#FDC778 is a orange with RGB values 253, 199, 120 and HSL 36°, 97%, 73%. It is a light colour, so black text on it reaches 13.6:1 contrast (AAA for normal text). The nearest named colour is Sandy brown.

Colour values

#FDC778#FDC778

HEX#FDC778

RGBrgb(253, 199, 120)

RGB (0–1)0.9922, 0.7804, 0.4706

RGB percentages99.2%, 78%, 47.1%

HSLhsl(35.6, 97.1%, 73.1%)

HSV / HSBhsv(35.6, 52.6%, 99.2%)

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

24-bit integer16,631,672

CSS custom property--colour: #FDC778;

Brightness & contrast

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

Perceived brightness209.8 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 13.62:1

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

Contrast with black13.62:1WCAG normal text: AAA

Greyscale equivalent#CDCDCD

Inverted#023887

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text13.62:1WCAG large text: AAA

Named colours

Sandy brown · ΔE 16 Burlywood · ΔE 18 Navajo white · ΔE 20.3 Khaki · ΔE 20.4 Dark khaki · ΔE 22.7 Moccasin · ΔE 23.2

Nearest named CSS colourSandy brown (#F4A460)ΔE 16.02, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#78AEFD

Analogous#FD8578, #F0FD78

Triadic#78FDC7, #C778FD

Split complementary#78F0FD, #8578FD

Tetradic#78FD85, #78AEFD, #FD78F1

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FEF1DD

Lighter +10%#FEDCAA

Darker −10%#FCB246

Darker −20%#FC9D13

Darker −30%#D98203

Darker −40%#A76402

More saturated +25%#FFC776

Less saturated −25%#ECC489

Channel breakdown

R253

G199

B120

Red253 (99.2%)

Green199 (78%)

Blue120 (47.1%)

Hue35.64°

Saturation (HSL)97.08%

Lightness73.14%

Dominant channelRed

Hex per channelR FD · G C7 · B 78

Keep nerding

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

#FDC778

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