Recognised as Colour

#F2DE76

#F2DE76
Yellow
Light
Nearest: Khaki

#F2DE76 is a yellow with RGB values 242, 222, 118 and HSL 50°, 83%, 71%. It is a light colour, so black text on it reaches 15.5:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#F2DE76#F2DE76

HEX#F2DE76

RGBrgb(242, 222, 118)

RGB (0–1)0.949, 0.8706, 0.4627

RGB percentages94.9%, 87.1%, 46.3%

HSLhsl(50.3, 82.7%, 70.6%)

HSV / HSBhsv(50.3, 51.2%, 94.9%)

CMYK0%, 8.3%, 51.2%, 5.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,916,662

CSS custom property--colour: #F2DE76;

Brightness & contrast

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

Perceived brightness219.2 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.49:1

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

Contrast with black15.49:1WCAG normal text: AAA

Greyscale equivalent#DBDBDB

Inverted#0D2189

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text15.49:1WCAG large text: AAA

Named colours

Khaki · ΔE 8.7 Dark khaki · ΔE 20.3 Pale goldenrod · ΔE 22.2 Navajo white · ΔE 27 Goldenrod · ΔE 27.7 Moccasin · ΔE 28.2

Nearest named CSS colourKhaki (#F0E68C)ΔE 8.73, clearly different but related

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#768AF2

Analogous#F2A076, #C8F276

Triadic#76F2DE, #DE76F2

Split complementary#76C8F2, #A076F2

Tetradic#76F2A0, #768AF2, #F276C8

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FBF4D3

Lighter +10%#F6E9A5

Darker −10%#EED347

Darker −20%#E9C819

Darker −30%#BDA112

Darker −40%#8E7A0E

More saturated +25%#FFE769

Less saturated −25%#DFD189

Channel breakdown

R242

G222

B118

Red242 (94.9%)

Green222 (87.1%)

Blue118 (46.3%)

Hue50.32°

Saturation (HSL)82.67%

Lightness70.59%

Dominant channelRed

Hex per channelR F2 · G DE · B 76

Keep nerding

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

#F2DE76

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