Nerdulator> put something in

Colour

#B4ECE3

  • #B4ECE3
  • Cyan
  • Light
  • Nearest: Pale turquoise

#B4ECE3 is a cyan with RGB values 180, 236, 227 and HSL 170°, 60%, 82%. It is a light colour, so black text on it reaches 16:1 contrast (AAA for normal text). The nearest named colour is Pale turquoise.

Colour values

#B4ECE3#B4ECE3
HEX#B4ECE3
RGBrgb(180, 236, 227)
RGB (0–1)0.7059, 0.9255, 0.8902
RGB percentages70.6%, 92.5%, 89%
HSLhsl(170.4, 59.6%, 81.6%)
HSV / HSBhsv(170.4, 23.7%, 92.5%)
CMYK23.7%, 0%, 3.8%, 7.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,857,123
CSS custom property--colour: #B4ECE3;

Brightness & contrast

Relative luminance0.7524WCAG 2.x, 0 is black and 1 is white
Perceived brightness219.7 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 16.05:1
Contrast with white1.31:1WCAG normal text: Fail
Contrast with black16.05:1WCAG normal text: AAA
Greyscale equivalent#DFDFDF
Inverted#4B131C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#E6E6E3no red cones; affects about 1% of men; ΔE 19.3 from the original
Deuteranopia#DCDEE4no green cones; the most common form, about 1% of men; ΔE 20.1 from the original
Tritanopia#A4EEE9no blue cones; rare, and affects men and women equally; ΔE 5.5 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.31:1WCAG large text: Fail
Contrast with black, large text16.05:1WCAG large text: AAA

Named colours

Pale turquoise · ΔE 5Powder blue · ΔE 9.2Light cyan · ΔE 12.9Light blue · ΔE 14.4Honeydew · ΔE 16.5Azure · ΔE 17.4
Nearest named CSS colourPale turquoise (#AFEEEE)ΔE 4.99, a close match
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#ECB4BD
Analogous#B4ECC7, #B4D9EC
Triadic#E3B4EC, #ECE3B4
Split complementary#ECB4D9, #ECC7B4
Tetradic#C7B4EC, #ECB4BD, #D9ECB4

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#DDF6F2
Darker −10%#8BE2D4
Darker −20%#63D7C5
Darker −30%#3ACDB5
Darker −40%#2BA995
More saturated +25%#A8F8EB
Less saturated −25%#C0E0DB

Channel breakdown

R180
G236
B227
Red180 (70.6%)
Green236 (92.5%)
Blue227 (89%)
Hue170.36°
Saturation (HSL)59.57%
Lightness81.57%
Dominant channelGreen
Hex per channelR B4 · G EC · B E3

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