Nerdulator> put something in

Recognised as Colour

#DEF5D3

  • #DEF5D3
  • Green
  • Light
  • Nearest: Light goldenrod yellow

#DEF5D3 is a green with RGB values 222, 245, 211 and HSL 101°, 63%, 89%. It is a light colour, so black text on it reaches 18.1:1 contrast (AAA for normal text). The nearest named colour is Light goldenrod yellow.

Colour values

#DEF5D3#DEF5D3
HEX#DEF5D3
RGBrgb(222, 245, 211)
RGB (0–1)0.8706, 0.9608, 0.8275
RGB percentages87.1%, 96.1%, 82.7%
HSLhsl(100.6, 63%, 89.4%)
HSV / HSBhsv(100.6, 13.9%, 96.1%)
CMYK9.4%, 0%, 13.9%, 3.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,611,923
CSS custom property--colour: #DEF5D3;

Brightness & contrast

Relative luminance0.85538WCAG 2.x, 0 is black and 1 is white
Perceived brightness234.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 18.11:1
Contrast with white1.16:1WCAG normal text: Fail
Contrast with black18.11:1WCAG normal text: AAA
Greyscale equivalent#EEEEEE
Inverted#210A2C

Colour vision & accessibility

Protanopia#F8EFD1no red cones; affects about 1% of men; ΔE 11.9 from the original
Deuteranopia#F4EDD4no green cones; the most common form, about 1% of men; ΔE 11.8 from the original
Tritanopia#DEF2EBno blue cones; rare, and affects men and women equally; ΔE 13.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.16:1WCAG large text: Fail
Contrast with black, large text18.11:1WCAG large text: AAA

Named colours

Nearest named CSS colourLight goldenrod yellow (#FAFAD2)ΔE 9.47, clearly different but related
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#EAD3F5
Analogous#EFF5D3, #D3F5D9
Triadic#D3DEF5, #F5D3DE
Split complementary#D9D3F5, #F5D3EF
Tetradic#D3EFF5, #EAD3F5, #F5D9D3

Tints, shades & saturation

Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#FDFEFD
Darker −10%#BFECA9
Darker −20%#A0E280
Darker −30%#81D956
Darker −40%#62CD2F
More saturated +25%#DCFCCC
Less saturated −25%#E0EEDA

Channel breakdown

R222
G245
B211
Red222 (87.1%)
Green245 (96.1%)
Blue211 (82.7%)
Hue100.59°
Saturation (HSL)62.96%
Lightness89.41%
Dominant channelGreen
Hex per channelR DE · G F5 · B D3

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