Nerdulator> put something in

Recognised as Colour

#B4E396

  • #B4E396
  • Green
  • Light
  • Nearest: Light green

#B4E396 is a green with RGB values 180, 227, 150 and HSL 97°, 58%, 74%. It is a light colour, so black text on it reaches 14.4:1 contrast (AAA for normal text). The nearest named colour is Light green.

Colour values

#B4E396#B4E396
HEX#B4E396
RGBrgb(180, 227, 150)
RGB (0–1)0.7059, 0.8902, 0.5882
RGB percentages70.6%, 89%, 58.8%
HSLhsl(96.6, 57.9%, 73.9%)
HSV / HSBhsv(96.6, 33.9%, 89%)
CMYK20.7%, 0%, 33.9%, 11%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,854,742
CSS custom property--colour: #B4E396;

Brightness & contrast

Relative luminance0.66843WCAG 2.x, 0 is black and 1 is white
Perceived brightness206.2 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.37:1
Contrast with white1.46:1WCAG normal text: Fail
Contrast with black14.37:1WCAG normal text: AAA
Greyscale equivalent#D3D3D3
Inverted#4B1C69

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#E9D891no red cones; affects about 1% of men; ΔE 25 from the original
Deuteranopia#E2D49Ano green cones; the most common form, about 1% of men; ΔE 25.1 from the original
Tritanopia#B5DDCFno blue cones; rare, and affects men and women equally; ΔE 32.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.46:1WCAG large text: Fail
Contrast with black, large text14.37:1WCAG large text: AAA

Named colours

Light green · ΔE 18.1Dark seagreen · ΔE 20.5Pale green · ΔE 21Pale goldenrod · ΔE 22.2Khaki · ΔE 23.7Dark khaki · ΔE 24.2
Nearest named CSS colourLight green (#90EE90)ΔE 18.07, a distinctly different colour
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#C596E3
Analogous#DBE396, #96E39F
Triadic#96B4E3, #E396B4
Split complementary#9E96E3, #E396DB
Tetradic#96DBE3, #C596E3, #E39F96

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#EEF8E7
Lighter +10%#D1EEBE
Darker −10%#97D86E
Darker −20%#7ACE45
Darker −30%#62B12F
Darker −40%#4B8924
More saturated +25%#B0F485
Less saturated −25%#B8D2A7

Channel breakdown

R180
G227
B150
Red180 (70.6%)
Green227 (89%)
Blue150 (58.8%)
Hue96.62°
Saturation (HSL)57.89%
Lightness73.92%
Dominant channelGreen
Hex per channelR B4 · G E3 · B 96

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