Colour

#DFF314

#DFF314
Yellow
Light
Nearest: Yellow

#DFF314 is a yellow with RGB values 223, 243, 20 and HSL 65°, 90%, 52%. It is a light colour, so black text on it reaches 17:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#DFF314#DFF314

HEX#DFF314

RGBrgb(223, 243, 20)

RGB (0–1)0.8745, 0.9529, 0.0784

RGB percentages87.5%, 95.3%, 7.8%

HSLhsl(65.4, 90.3%, 51.6%)

HSV / HSBhsv(65.4, 91.8%, 95.3%)

CMYK8.2%, 0%, 91.8%, 4.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,676,756

CSS custom property--colour: #DFF314;

Brightness & contrast

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

Perceived brightness222.7 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 16.97:1

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

Contrast with black16.97:1WCAG normal text: AAA

Greyscale equivalent#DFDFDF

Inverted#200CEB

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text16.97:1WCAG large text: AAA

Named colours

Yellow · ΔE 11.4 Green yellow · ΔE 24.4 Gold · ΔE 27.3 Yellow green · ΔE 27.5 Lawn green · ΔE 39.2 Chartreuse · ΔE 39.3

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2814F3

Analogous#F39714, #70F314

Triadic#14DFF3, #F314DF

Split complementary#1470F3, #9714F3

Tetradic#14F397, #2814F3, #F31470

Tints, shades & saturation

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

Lighter +40%#F9FDD6

Lighter +30%#F3FAA6

Lighter +20%#ECF875

Lighter +10%#E6F545

Darker −10%#B9CA0A

Darker −20%#8C9908

Darker −30%#606905

Darker −40%#333803

More saturated +25%#E9FF08

Less saturated −25%#C6D433

Channel breakdown

R223

G243

B20

Red223 (87.5%)

Green243 (95.3%)

Blue20 (7.8%)

Hue65.38°

Saturation (HSL)90.28%

Lightness51.57%

Dominant channelGreen

Hex per channelR DF · G F3 · B 14

Keep nerding

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

#DFF314

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