Start generating
AFD4E2

#AFD4E2 closest to Pale Whale

#AFD4E2 is a light, muted blue; the closest named color is Pale Whale. In the RGB color model it is made of 68.6% red, 83.1% green and 88.6% blue (rgb(175, 212, 226)). Its HSL value is 196° hue, 47% saturation and 79% lightness, and in CMYK it is 23% cyan, 6% magenta, 0% yellow and 11% black. #AFD4E2 is a cool color. Black text reads best on it, with a contrast ratio of 13.34:1.

Make a palette with #AFD4E2

#AFD4E2 color conversion

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

Variations of #AFD4E2

Shades

Mixed with black: richer and darker.

AFD4E298B8C4819DA86B838C5669714151572E3A3E1C24270B1012010203

Tints

Mixed with white: lighter and softer.

AFD4E2B7D8E5BFDDE8C7E1EBCFE5EED7E9F1DFEEF3E7F2F6EFF6F9F7FBFC

Tones

Mixed with gray: calmer and more muted.

AFD4E2AACBD8A6C3CEA1BAC49CB2BA98A9B093A1A68E989C8A9093858889

Hues

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

B1D7CAAED7CFADD7D5ADD6DAADD5DEAFD4E2B2D3E5B5D1E8B9CFEABECEEAC3CCEA

Temperatures

Cooler on the left, warmer on the right.

92C3EA98C6E99ECAE7A4CDE6A9D1E4AFD4E2B4D2DBB8CFD5BDCCCEC1CAC7C5C7C1

#AFD4E2 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

AFD4E2E2BDAF
Open in generator →

Split complementary

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

AFD4E2E2AFBAE2D7AF
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

AFD4E2AFE2D6AFBBE2
Open in generator →

Triadic

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

AFD4E2E2AFD4D4E2AF
Open in generator →

Tetradic

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

AFD4E2BDAFE2E2BDAFD4E2AF
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

AFD4E2D7AFE2E2BDAFBBE2AF
Open in generator →

#AFD4E2 for color-blind viewers (and dogs)

How #AFD4E2 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 #C4CBE2
  • Protanopia 93% similar1.3% of men, 0.02% of women · simulated as #CCD2E3
  • Protanomaly 95% similar1.3% of men, 0.02% of women · simulated as #C4D2E3
  • Deuteranopia 93% similar1.2% of men, 0.01% of women · simulated as #C4CBE2
  • Deuteranomaly 95% similar5% of men, 0.35% of women · simulated as #BECEE2
  • Tritanopia 94% similar0.001% of men, 0.03% of women · simulated as #A0D9D8
  • Tritanomaly 98% similar0.0001% of men, 0.0001% of women · simulated as #A9D6DE
  • Achromatopsia 91% similar0.003% of men, 0.003% of women · simulated as #CECECE
  • Achromatomaly 93% similar0.001% of men, 0.001% of women · simulated as #C7CFD3

#AFD4E2 contrast checker

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

Palettes with #AFD4E2

#AFD4E2 in CSS

/* Pale Whale */
.color { color: #AFD4E2; }
.background { background-color: #AFD4E2; }
.border { border: 1px solid #AFD4E2; }

/* Other notations */
color: rgb(175 212 226);
color: hsl(196 47% 79%);
color: oklch(0.848 0.044 222.8);

#AFD4E2 FAQ

What color is #AFD4E2?

#AFD4E2 is a light, muted blue. Its closest named color is Pale Whale. It belongs to the blue color family and is a cool color.

What is the RGB value of #AFD4E2?

#AFD4E2 is rgb(175, 212, 226) in RGB, hsl(196, 47%, 79%) in HSL and cmyk(23%, 6%, 0%, 11%) in CMYK.

What is the complementary color of #AFD4E2?

The complementary color of #AFD4E2 is #E2BDAF, which sits opposite it on the color wheel.

Which text color works on #AFD4E2?

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

Is #AFD4E2 a warm or cool color?

#AFD4E2 is a cool color.