Nerdulator> put something in

Colour

#DEF431

  • #DEF431
  • Yellow
  • Light
  • Nearest: Yellow

#DEF431 is a yellow with RGB values 222, 244, 49 and HSL 67°, 90%, 57%. It is a light colour, so black text on it reaches 17.1:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#DEF431#DEF431
HEX#DEF431
RGBrgb(222, 244, 49)
RGB (0–1)0.8706, 0.9569, 0.1922
RGB percentages87.1%, 95.7%, 19.2%
HSLhsl(66.8, 89.9%, 57.5%)
HSV / HSBhsv(66.8, 79.9%, 95.7%)
CMYK9%, 0%, 79.9%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,611,505
CSS custom property--colour: #DEF431;

Brightness & contrast

Relative luminance0.80453WCAG 2.x, 0 is black and 1 is white
Perceived brightness223.5 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 17.09:1
Contrast with white1.23:1WCAG normal text: Fail
Contrast with black17.09:1WCAG normal text: AAA
Greyscale equivalent#E1E1E1
Inverted#210BCE

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#FFE700no red cones; affects about 1% of men; ΔE 20.5 from the original
Deuteranopia#FFE945no green cones; the most common form, about 1% of men; ΔE 20.2 from the original
Tritanopia#ECE6D1no blue cones; rare, and affects men and women equally; ΔE 76.6 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.23:1WCAG large text: Fail
Contrast with black, large text17.09:1WCAG large text: AAA

Named colours

Yellow · ΔE 15.1Green yellow · ΔE 23.5Yellow green · ΔE 23.8Gold · ΔE 27.9Lawn green · ΔE 39Chartreuse · ΔE 39.2
Nearest named CSS colourYellow (#FFFF00)ΔE 15.09, a distinctly different colour
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#4731F4
Analogous#F4A931, #7DF431
Triadic#31DEF4, #F431DE
Split complementary#317DF4, #A831F4
Tetradic#31F4A8, #4731F4, #F4317D

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FDFEF3
Lighter +30%#F5FCC2
Lighter +20%#EEF992
Lighter +10%#E6F761
Darker −10%#CDE60C
Darker −20%#A2B50A
Darker −30%#778507
Darker −40%#4B5405
More saturated +25%#E7FF26
Less saturated −25%#C9D94C

Channel breakdown

R222
G244
B49
Red222 (87.1%)
Green244 (95.7%)
Blue49 (19.2%)
Hue66.77°
Saturation (HSL)89.86%
Lightness57.45%
Dominant channelGreen
Hex per channelR DE · G F4 · B 31

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 “def431” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.