Colour

#F4FC4A

#F4FC4A
Yellow
Light
Nearest: Yellow

#F4FC4A is a yellow with RGB values 244, 252, 74 and HSL 63°, 97%, 64%. It is a light colour, so black text on it reaches 18.9:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#F4FC4A#F4FC4A

HEX#F4FC4A

RGBrgb(244, 252, 74)

RGB (0–1)0.9569, 0.9882, 0.2902

RGB percentages95.7%, 98.8%, 29%

HSLhsl(62.7, 96.7%, 63.9%)

HSV / HSBhsv(62.7, 70.6%, 98.8%)

CMYK3.2%, 0%, 70.6%, 1.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,055,370

CSS custom property--colour: #F4FC4A;

Brightness & contrast

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

Perceived brightness236 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 18.87:1

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

Contrast with black18.87:1WCAG normal text: AAA

Greyscale equivalent#EDEDED

Inverted#0B03B5

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text18.87:1WCAG large text: AAA

Named colours

Yellow · ΔE 15.4 Gold · ΔE 24.1 Yellow green · ΔE 27.5 Green yellow · ΔE 29.9 Khaki · ΔE 37.3 Goldenrod · ΔE 41.5

Nearest named CSS colourYellow (#FFFF00)ΔE 15.4, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#524AFC

Analogous#FCAB4A, #9BFC4A

Triadic#4AF4FC, #FC4AF4

Split complementary#4A9BFC, #AB4AFC

Tetradic#4AFCAB, #524AFC, #FC4A9B

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FDFEE1

Lighter +20%#FAFEAE

Lighter +10%#F7FD7C

Darker −10%#F1FB18

Darker −20%#D3DC04

Darker −30%#A3AA03

Darker −40%#737802

More saturated +25%#F7FF47

Less saturated −25%#DFE561

Channel breakdown

R244

G252

B74

Red244 (95.7%)

Green252 (98.8%)

Blue74 (29%)

Hue62.7°

Saturation (HSL)96.74%

Lightness63.92%

Dominant channelGreen

Hex per channelR F4 · G FC · B 4A

Keep nerding

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

#F4FC4A

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