Colour

#F0FF55

#F0FF55
Yellow
Light
Nearest: Yellow

#F0FF55 is a yellow with RGB values 240, 255, 85 and HSL 65°, 100%, 67%. It is a light colour, so black text on it reaches 19.1:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#F0FF55#F0FF55

HEX#F0FF55

RGBrgb(240, 255, 85)

RGB (0–1)0.9412, 1, 0.3333

RGB percentages94.1%, 100%, 33.3%

HSLhsl(65.3, 100%, 66.7%)

HSV / HSBhsv(65.3, 66.7%, 100%)

CMYK5.9%, 0%, 66.7%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,794,005

CSS custom property--colour: #F0FF55;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 19.14:1

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

Contrast with black19.14:1WCAG normal text: AAA

Greyscale equivalent#F0F0F0

Inverted#0F00AA

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text19.14:1WCAG large text: AAA

Named colours

Yellow · ΔE 19.1 Yellow green · ΔE 25.2 Gold · ΔE 27.7 Green yellow · ΔE 28.1 Khaki · ΔE 35.4 Goldenrod · ΔE 43

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6455FF

Analogous#FFB955, #9BFF55

Triadic#55F0FF, #FF55F0

Split complementary#559BFF, #B955FF

Tetradic#55FFB9, #6455FF, #FF559B

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FDFFEE

Lighter +20%#F9FFBB

Lighter +10%#F4FF88

Darker −10%#EBFF22

Darker −20%#D9EE00

Darker −30%#AABB00

Darker −40%#7C8800

More saturated +25%#F0FF55

Less saturated −25%#DEEA6A

Channel breakdown

R240

G255

B85

Red240 (94.1%)

Green255 (100%)

Blue85 (33.3%)

Hue65.29°

Saturation (HSL)100%

Lightness66.67%

Dominant channelGreen

Hex per channelR F0 · G FF · B 55

Keep nerding

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

#F0FF55

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