Recognised as Colour

#F7ECA1

#F7ECA1
Yellow
Light
Nearest: Pale goldenrod

#F7ECA1 is a yellow with RGB values 247, 236, 161 and HSL 52°, 84%, 80%. It is a light colour, so black text on it reaches 17.5:1 contrast (AAA for normal text). The nearest named colour is Pale goldenrod.

Colour values

#F7ECA1#F7ECA1

HEX#F7ECA1

RGBrgb(247, 236, 161)

RGB (0–1)0.9686, 0.9255, 0.6314

RGB percentages96.9%, 92.5%, 63.1%

HSLhsl(52.3, 84.3%, 80%)

HSV / HSBhsv(52.3, 34.8%, 96.9%)

CMYK0%, 4.5%, 34.8%, 3.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,247,969

CSS custom property--colour: #F7ECA1;

Brightness & contrast

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

Perceived brightness232.1 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 17.47:1

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

Contrast with black17.47:1WCAG normal text: AAA

Greyscale equivalent#E9E9E9

Inverted#08135E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text17.47:1WCAG large text: AAA

Named colours

Pale goldenrod · ΔE 7 Khaki · ΔE 7.9 Moccasin · ΔE 14.9 Navajo white · ΔE 15.2 Lemon chiffon · ΔE 16.4 Wheat · ΔE 16.5

Nearest named CSS colourPale goldenrod (#EEE8AA)ΔE 6.97, clearly different but related

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A1ACF7

Analogous#F7C1A1, #D7F7A1

Triadic#A1F7EC, #ECA1F7

Split complementary#A1D7F7, #C1A1F7

Tetradic#A1F7C1, #A1ACF7, #F7A1D7

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FBF5D0

Darker −10%#F3E272

Darker −20%#EFD943

Darker −30%#EBCF14

Darker −40%#BCA610

More saturated +25%#FFF299

Less saturated −25%#EAE3AE

Channel breakdown

R247

G236

B161

Red247 (96.9%)

Green236 (92.5%)

Blue161 (63.1%)

Hue52.33°

Saturation (HSL)84.31%

Lightness80%

Dominant channelRed

Hex per channelR F7 · G EC · B A1

Keep nerding

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

#F7ECA1

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