Nerdulator> put something in

Recognised as Colour

#DFF504

  • #DFF504
  • Yellow
  • Light
  • Nearest: Yellow

#DFF504 is a yellow with RGB values 223, 245, 4 and HSL 65°, 97%, 49%. It is a light colour, so black text on it reaches 17.2:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#DFF504#DFF504
HEX#DFF504
RGBrgb(223, 245, 4)
RGB (0–1)0.8745, 0.9608, 0.0157
RGB percentages87.5%, 96.1%, 1.6%
HSLhsl(65.5, 96.8%, 48.8%)
HSV / HSBhsv(65.5, 98.4%, 96.1%)
CMYK9%, 0%, 98.4%, 3.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,677,252
CSS custom property--colour: #DFF504;

Brightness & contrast

Relative luminance0.81002WCAG 2.x, 0 is black and 1 is white
Perceived brightness223.8 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 17.2:1
Contrast with white1.22:1WCAG normal text: Fail
Contrast with black17.2:1WCAG normal text: AAA
Greyscale equivalent#DFDFDF
Inverted#200AFB

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#FFE700no red cones; affects about 1% of men; ΔE 20 from the original
Deuteranopia#FFEA32no green cones; the most common form, about 1% of men; ΔE 20.3 from the original
Tritanopia#EEE6D1no blue cones; rare, and affects men and women equally; ΔE 83.5 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.22:1WCAG large text: Fail
Contrast with black, large text17.2:1WCAG large text: AAA

Named colours

Yellow · ΔE 11Green yellow · ΔE 23.8Gold · ΔE 28.5Yellow green · ΔE 28.8Lawn green · ΔE 38.4Chartreuse · ΔE 38.4
Nearest named CSS colourYellow (#FFFF00)ΔE 10.96, a distinctly different colour
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#1A04F5
Analogous#F59304, #66F504
Triadic#04DFF5, #F504DF
Split complementary#0466F5, #9304F5
Tetradic#04F593, #1A04F5, #F50466

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F9FEC7
Lighter +30%#F4FD95
Lighter +20%#EEFC63
Lighter +10%#E9FC30
Darker −10%#B1C303
Darker −20%#849102
Darker −30%#565E02
Darker −40%#282C01
More saturated +25%#E2F900
Less saturated −25%#C6D623

Channel breakdown

R223
G245
B4
Red223 (87.5%)
Green245 (96.1%)
Blue4 (1.6%)
Hue65.48°
Saturation (HSL)96.79%
Lightness48.82%
Dominant channelGreen
Hex per channelR DF · G F5 · B 04

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “dff504” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.