Start generating
ABCADE

#ABCADE Life at Sea

#ABCADE is a light, muted blue named Life at Sea. In the RGB color model it is made of 67.1% red, 79.2% green and 87.1% blue (rgb(171, 202, 222)). Its HSL value is 204° hue, 44% saturation and 77% lightness, and in CMYK it is 23% cyan, 9% magenta, 0% yellow and 13% black. #ABCADE is a cool color. Black text reads best on it, with a contrast ratio of 12.23:1.

Make a palette with #ABCADE

#ABCADE color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #ABCADE

Shades

Mixed with black: richer and darker.

ABCADE94AFC17E95A5687C8954646F404D552D373D1B22260B0F12010202

Tints

Mixed with white: lighter and softer.

ABCADEB3CFE1BCD5E5C4DAE8CCDFEBD5E4EFDDEAF2E6EFF5EEF4F8F7FAFC

Tones

Mixed with gray: calmer and more muted.

ABCADEA7C2D4A2BBCB9EB3C19AACB796A4AE919DA58D969B898E92848789

Hues

The same lightness and chroma, rotated around the color wheel.

A6CFC9A5CECEA5CED3A6CDD7A8CBDBABCADEAFC8E0B3C7E2B8C5E2BDC3E2C2C1E1

Temperatures

Cooler on the left, warmer on the right.

90BBE795BEE59BC1E3A0C4E2A6C7E0ABCADEB0C8D8B4C6D1B9C4CBBDC2C4C1BFBE

#ABCADE color harmonies

Complementary

The opposite hue — maximum contrast and energy.

ABCADEDEBFAB
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

ABCADEDEABB0DED9AB
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

ABCADEABDED9ABB0DE
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

ABCADEDEABCACADEAB
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

ABCADEBFABDEDEBFABCADEAB
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

ABCADED9ABDEDEBFABB0DEAB
Open in generator →

#ABCADE for color-blind viewers (and dogs)

How #ABCADE appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 95% similarHow dogs see it · simulated as #BAC3DE
  • Protanopia 94% similar1.3% of men, 0.02% of women · simulated as #C1C9DF
  • Protanomaly 96% similar1.3% of men, 0.02% of women · simulated as #BBC9DF
  • Deuteranopia 95% similar1.2% of men, 0.01% of women · simulated as #BAC3DE
  • Deuteranomaly 97% similar5% of men, 0.35% of women · simulated as #B6C6DE
  • Tritanopia 93% similar0.001% of men, 0.03% of women · simulated as #9DCFD0
  • Tritanomaly 97% similar0.0001% of men, 0.0001% of women · simulated as #A6CCD8
  • Achromatopsia 91% similar0.003% of men, 0.003% of women · simulated as #C6C6C6
  • Achromatomaly 94% similar0.001% of men, 0.001% of women · simulated as #BFC7CC

#ABCADE contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.72:1 Very poor#ABCADE text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
12.23:1 Super#ABCADE text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #ABCADE

Palettes with #ABCADE

#ABCADE in CSS

/* Life at Sea */
.color { color: #ABCADE; }
.background { background-color: #ABCADE; }
.border { border: 1px solid #ABCADE; }

/* Other notations */
color: rgb(171 202 222);
color: hsl(204 44% 77%);
color: oklch(0.823 0.044 236.4);

#ABCADE FAQ

What color is #ABCADE?

#ABCADE is a light, muted blue. Its closest named color is Life at Sea. It belongs to the blue color family and is a cool color.

What is the RGB value of #ABCADE?

#ABCADE is rgb(171, 202, 222) in RGB, hsl(204, 44%, 77%) in HSL and cmyk(23%, 9%, 0%, 13%) in CMYK.

What is the complementary color of #ABCADE?

The complementary color of #ABCADE is #DEBFAB, which sits opposite it on the color wheel.

Which text color works on #ABCADE?

Black text has the best contrast on #ABCADE: 12.23:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #ABCADE a warm or cool color?

#ABCADE is a cool color.