Start generating
ADD4E5

#ADD4E5 closest to Ariel

#ADD4E5 is a light, muted blue; the closest named color is Ariel. In the RGB color model it is made of 67.8% red, 83.1% green and 89.8% blue (rgb(173, 212, 229)). Its HSL value is 198° hue, 52% saturation and 79% lightness, and in CMYK it is 24% cyan, 7% magenta, 0% yellow and 10% black. #ADD4E5 is a cool color. Black text reads best on it, with a contrast ratio of 13.33:1.

Make a palette with #ADD4E5

#ADD4E5 color conversion

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

Variations of #ADD4E5

Shades

Mixed with black: richer and darker.

ADD4E596B8C77F9DAA6A838E5569724151582D3A3F1B24280B1012010203

Tints

Mixed with white: lighter and softer.

ADD4E5B5D8E8BEDDEAC6E1EDCEE5F0D6E9F2DEEEF5E6F2F7EFF6FAF7FBFC

Tones

Mixed with gray: calmer and more muted.

ADD4E5A9CBDAA4C3D0A0BAC69BB2BB97A9B192A1A78E989D89909385888A

Hues

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

ADD8CCABD8D2AAD7D7AAD6DCABD5E1ADD4E5B0D2E8B4D1EBB9CFECBFCDEDC4CBED

Temperatures

Cooler on the left, warmer on the right.

91C3ED96C6EB9CCAEAA2CDE8A7D1E7ADD4E5B2D2DEB7CFD8BBCCD1C0CACAC4C7C3

#ADD4E5 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

ADD4E5E5BEAD
Open in generator →

Split complementary

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

ADD4E5E5ADB8E5DAAD
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

ADD4E5ADE5DAADB8E5
Open in generator →

Triadic

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

ADD4E5E5ADD4D4E5AD
Open in generator →

Tetradic

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

ADD4E5BEADE5E5BEADD4E5AD
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

ADD4E5DAADE5E5BEADB8E5AD
Open in generator →

#ADD4E5 for color-blind viewers (and dogs)

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

  • Dog vision 93% similarHow dogs see it · simulated as #C2CBE5
  • Protanopia 92% similar1.3% of men, 0.02% of women · simulated as #CBD2E6
  • Protanomaly 95% similar1.3% of men, 0.02% of women · simulated as #C3D2E6
  • Deuteranopia 93% similar1.2% of men, 0.01% of women · simulated as #C2CBE5
  • Deuteranomaly 95% similar5% of men, 0.35% of women · simulated as #BDCEE5
  • Tritanopia 94% similar0.001% of men, 0.03% of women · simulated as #9CD9D9
  • Tritanomaly 97% similar0.0001% of men, 0.0001% of women · simulated as #A7D6E0
  • Achromatopsia 90% similar0.003% of men, 0.003% of women · simulated as #CECECE
  • Achromatomaly 93% similar0.001% of men, 0.001% of women · simulated as #C6CFD4

#ADD4E5 contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.58:1 Very poor#ADD4E5 text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
13.33:1 Super#ADD4E5 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 #ADD4E5

Palettes with #ADD4E5

#ADD4E5 in CSS

/* Ariel */
.color { color: #ADD4E5; }
.background { background-color: #ADD4E5; }
.border { border: 1px solid #ADD4E5; }

/* Other notations */
color: rgb(173 212 229);
color: hsl(198 52% 79%);
color: oklch(0.847 0.047 226.2);

#ADD4E5 FAQ

What color is #ADD4E5?

#ADD4E5 is a light, muted blue. Its closest named color is Ariel. It belongs to the blue color family and is a cool color.

What is the RGB value of #ADD4E5?

#ADD4E5 is rgb(173, 212, 229) in RGB, hsl(198, 52%, 79%) in HSL and cmyk(24%, 7%, 0%, 10%) in CMYK.

What is the complementary color of #ADD4E5?

The complementary color of #ADD4E5 is #E5BEAD, which sits opposite it on the color wheel.

Which text color works on #ADD4E5?

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

Is #ADD4E5 a warm or cool color?

#ADD4E5 is a cool color.