Recognised as Colour

#F7DD7A

#F7DD7A
Yellow
Light
Nearest: Khaki

#F7DD7A is a yellow with RGB values 247, 221, 122 and HSL 48°, 89%, 72%. It is a light colour, so black text on it reaches 15.6:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#F7DD7A#F7DD7A

HEX#F7DD7A

RGBrgb(247, 221, 122)

RGB (0–1)0.9686, 0.8667, 0.4784

RGB percentages96.9%, 86.7%, 47.8%

HSLhsl(47.5, 88.7%, 72.4%)

HSV / HSBhsv(47.5, 50.6%, 96.9%)

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

24-bit integer16,244,090

CSS custom property--colour: #F7DD7A;

Brightness & contrast

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

Perceived brightness220.5 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.58:1

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

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

Greyscale equivalent#DBDBDB

Inverted#082285

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Khaki · ΔE 8.8 Dark khaki · ΔE 20.1 Pale goldenrod · ΔE 21 Navajo white · ΔE 24.5 Moccasin · ΔE 26 Burlywood · ΔE 26.4

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7A94F7

Analogous#F79E7A, #D3F77A

Triadic#7AF7DD, #DD7AF7

Split complementary#7AD3F7, #9E7AF7

Tetradic#7AF79E, #7A94F7, #F77AD3

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FDF6DA

Lighter +10%#FAE9AA

Darker −10%#F4D14A

Darker −20%#F1C41A

Darker −30%#CCA40C

Darker −40%#9C7D09

More saturated +25%#FFE272

Less saturated −25%#E5D38C

Channel breakdown

R247

G221

B122

Red247 (96.9%)

Green221 (86.7%)

Blue122 (47.8%)

Hue47.52°

Saturation (HSL)88.65%

Lightness72.35%

Dominant channelRed

Hex per channelR F7 · G DD · B 7A

Keep nerding

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

#F7DD7A

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