#add1d3 hex color

In a RGB color space, hex #add1d3 is composed of 67.8% red, 82% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 18% cyan, 0.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 183.2 degrees, a saturation of 30.2% and a lightness of 75.3%. #add1d3 color hex could be obtained by blending #ffffff with #5ba3a7. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 68
- G 82
- B 83
RGB color chart
- C 18
- M 1
- Y 0
- K 17
CMYK color chart

● #add1d3 color description : Grayish cyan.

The hexadecimal color #add1d3 has RGB values of R:173, G:209, B:211 and CMYK values of C:0.18, M:0.01, Y:0, K:0.17. Its decimal value is 11391443.

Hex triplet	add1d3	`#add1d3`
RGB Decimal	173, 209, 211	`rgb(173,209,211)`
RGB Percent	67.8, 82, 82.7	`rgb(67.8%,82%,82.7%)`
CMYK	18, 1, 0, 17
HSL	183.2°, 30.2, 75.3	`hsl(183.2,30.2%,75.3%)`
HSV (or HSB)	183.2°, 18, 82.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.394, -11.417, -4.955
XYZ	51.789, 59.187, 70.32
xyY	0.286, 0.326, 59.187
CIE-LCH	81.394, 12.446, 203.462
CIE-LUV	81.394, -18.824, -5.668
Hunter-Lab	76.933, -14.472, -0.34
Binary	10101101, 11010001, 11010011

#add1d3
```
#add1d3 rgb(173,209,211)
```
#d3afad
```
#d3afad rgb(211,175,173)
```

Complementary Color

#add3c2
```
#add3c2 rgb(173,211,194)
```
#add1d3
```
#add1d3 rgb(173,209,211)
```
#adbed3
```
#adbed3 rgb(173,190,211)
```

Analogous Color

#d3c2ad
```
#d3c2ad rgb(211,194,173)
```
#add1d3
```
#add1d3 rgb(173,209,211)
```
#d3adbe
```
#d3adbe rgb(211,173,190)
```

Split Complementary Color

#d1d3ad
```
#d1d3ad rgb(209,211,173)
```
#add1d3
```
#add1d3 rgb(173,209,211)
```
#d3add1
```
#d3add1 rgb(211,173,209)
```

Triadic Color

#add3af
```
#add3af rgb(173,211,175)
```
#add1d3
```
#add1d3 rgb(173,209,211)
```
#d3add1
```
#d3add1 rgb(211,173,209)
```
#d3afad
```
#d3afad rgb(211,175,173)
```

Tetradic Color

#7bb5b8
```
#7bb5b8 rgb(123,181,184)
```
#8cbec1
```
#8cbec1 rgb(140,190,193)
```
#9cc8ca
```
#9cc8ca rgb(156,200,202)
```
#add1d3
```
#add1d3 rgb(173,209,211)
```
#bedadc
```
#bedadc rgb(190,218,220)
```
#cee4e5
```
#cee4e5 rgb(206,228,229)
```
#dfedee
```
#dfedee rgb(223,237,238)
```

Monochromatic Color

Below, you can see some colors close to #add1d3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#add3cc
```
#add3cc rgb(173,211,204)
```
#add3cf
```
#add3cf rgb(173,211,207)
```
#add3d2
```
#add3d2 rgb(173,211,210)
```
#add1d3
```
#add1d3 rgb(173,209,211)
```
#adced3
```
#adced3 rgb(173,206,211)
```
#adcbd3
```
#adcbd3 rgb(173,203,211)
```
#adc8d3
```
#adc8d3 rgb(173,200,211)
```

Similar Colors

Text with hexadecimal color #add1d3

This text has a font color of #add1d3.

<span style="color:#add1d3;">Text here</span>

#add1d3 background color

This paragraph has a background color of #add1d3.

<p style="background-color:#add1d3;">Content here</p>

#add1d3 border color

This element has a border color of #add1d3.

<div style="border:1px solid #add1d3;">Content here</div>

CSS codes

.text {color:#add1d3;}

.background {background-color:#add1d3;}

.border {border:1px solid #add1d3;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040707 is the darkest color, while #fafcfc is the lightest one.

#040707
```
#040707 rgb(4,7,7)
```
#0b1414
```
#0b1414 rgb(11,20,20)
```
#122021
```
#122021 rgb(18,32,33)
```
#182d2e
```
#182d2e rgb(24,45,46)
```
#1f393a
```
#1f393a rgb(31,57,58)
```
#264547
```
#264547 rgb(38,69,71)
```
#2d5254
```
#2d5254 rgb(45,82,84)
```
#345e61
```
#345e61 rgb(52,94,97)
```
#3b6b6d
```
#3b6b6d rgb(59,107,109)
```
#42777a
```
#42777a rgb(66,119,122)
```
#488487
```
#488487 rgb(72,132,135)
```
#4f9094
```
#4f9094 rgb(79,144,148)
```
#569da1
```
#569da1 rgb(86,157,161)
```

Shade Color Variation

#60a6aa
```
#60a6aa rgb(96,166,170)
```
#6dadb1
```
#6dadb1 rgb(109,173,177)
```
#7ab4b8
```
#7ab4b8 rgb(122,180,184)
```
#87bcbe
```
#87bcbe rgb(135,188,190)
```
#93c3c5
```
#93c3c5 rgb(147,195,197)
```
#a0cacc
```
#a0cacc rgb(160,202,204)
```
#add1d3
```
#add1d3 rgb(173,209,211)
```
#bad8da
```
#bad8da rgb(186,216,218)
```
#c7dfe1
```
#c7dfe1 rgb(199,223,225)
```
#d3e6e8
```
#d3e6e8 rgb(211,230,232)
```
#e0eeee
```
#e0eeee rgb(224,238,238)
```
#edf5f5
```
#edf5f5 rgb(237,245,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #bcc4c4 is the less saturated color, while #81f8ff is the most saturated one.

#bcc4c4
```
#bcc4c4 rgb(188,196,196)
```
#b7c8c9
```
#b7c8c9 rgb(183,200,201)
```
#b2cdce
```
#b2cdce rgb(178,205,206)
```
#add1d3
```
#add1d3 rgb(173,209,211)
```
#a8d5d8
```
#a8d5d8 rgb(168,213,216)
```
#a3dadd
```
#a3dadd rgb(163,218,221)
```
#9edee2
```
#9edee2 rgb(158,222,226)
```
#9ae2e6
```
#9ae2e6 rgb(154,226,230)
```
#95e7eb
```
#95e7eb rgb(149,231,235)
```
#90ebf0
```
#90ebf0 rgb(144,235,240)
```
#8beff5
```
#8beff5 rgb(139,239,245)
```
#86f4fa
```
#86f4fa rgb(134,244,250)
```
#81f8ff
```
#81f8ff rgb(129,248,255)
```

Tone Color Variation

Below, you can see how #add1d3 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#c6c6c6 Achromatopsia 0.005% of the population
#c1c8c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cecbd1 Protanopia 1% of men
#dac7d9 Deuteranopia 1% of men
#b3d1e0 Tritanopia 0.001% of the population

Trichromacy

#c2cdd1 Protanomaly 1% of men, 0.01% of women
#c9cad7 Deuteranomaly 6% of men, 0.4% of women
#b1d1db Tritanomaly 0.01% of the population

#add1d3 hex color

#add1d3 Color Information

#add1d3 Color Conversion

Color Schemes with #add1d3

Alternatives to #add1d3

#add1d3 Preview

Shades and Tints of #add1d3

Tones of #add1d3

Color Blindness Simulator