#adafd2 hex color

In a RGB color space, hex #adafd2 is composed of 67.8% red, 68.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 16.7% magenta, 0% yellow and 17.6% black. It has a hue angle of 236.8 degrees, a saturation of 29.1% and a lightness of 75.1%. #adafd2 color hex could be obtained by blending #ffffff with #5b5fa5. Closest websafe color is: #9999cc.

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

● #adafd2 color description : Grayish blue.

The hexadecimal color #adafd2 has RGB values of R:173, G:175, B:210 and CMYK values of C:0.18, M:0.17, Y:0, K:0.18. Its decimal value is 11382738.

Hex triplet	adafd2	`#adafd2`
RGB Decimal	173, 175, 210	`rgb(173,175,210)`
RGB Percent	67.8, 68.6, 82.4	`rgb(67.8%,68.6%,82.4%)`
CMYK	18, 17, 0, 18
HSL	236.8°, 29.1, 75.1	`hsl(236.8,29.1%,75.1%)`
HSV (or HSB)	236.8°, 17.6, 82.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.36, 6.496, -17.913
XYZ	44.194, 44.197, 67.172
xyY	0.284, 0.284, 44.197
CIE-LCH	72.36, 19.054, 289.933
CIE-LUV	72.36, -3.099, -28.767
Hunter-Lab	66.481, 2.319, -13.37
Binary	10101101, 10101111, 11010010

#adafd2
```
#adafd2 rgb(173,175,210)
```
#d2d0ad
```
#d2d0ad rgb(210,208,173)
```

Complementary Color

#adc2d2
```
#adc2d2 rgb(173,194,210)
```
#adafd2
```
#adafd2 rgb(173,175,210)
```
#beadd2
```
#beadd2 rgb(190,173,210)
```

Analogous Color

#c2d2ad
```
#c2d2ad rgb(194,210,173)
```
#adafd2
```
#adafd2 rgb(173,175,210)
```
#d2bead
```
#d2bead rgb(210,190,173)
```

Split Complementary Color

#afd2ad
```
#afd2ad rgb(175,210,173)
```
#adafd2
```
#adafd2 rgb(173,175,210)
```
#d2adaf
```
#d2adaf rgb(210,173,175)
```

Triadic Color

#add2d0
```
#add2d0 rgb(173,210,208)
```
#adafd2
```
#adafd2 rgb(173,175,210)
```
#d2adaf
```
#d2adaf rgb(210,173,175)
```
#d2d0ad
```
#d2d0ad rgb(210,208,173)
```

Tetradic Color

#7c7fb7
```
#7c7fb7 rgb(124,127,183)
```
#8c8fc0
```
#8c8fc0 rgb(140,143,192)
```
#9d9fc9
```
#9d9fc9 rgb(157,159,201)
```
#adafd2
```
#adafd2 rgb(173,175,210)
```
#bdbfdb
```
#bdbfdb rgb(189,191,219)
```
#cecfe4
```
#cecfe4 rgb(206,207,228)
```
#dedfed
```
#dedfed rgb(222,223,237)
```

Monochromatic Color

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

#adb8d2
```
#adb8d2 rgb(173,184,210)
```
#adb5d2
```
#adb5d2 rgb(173,181,210)
```
#adb2d2
```
#adb2d2 rgb(173,178,210)
```
#adafd2
```
#adafd2 rgb(173,175,210)
```
#aeadd2
```
#aeadd2 rgb(174,173,210)
```
#b1add2
```
#b1add2 rgb(177,173,210)
```
#b4add2
```
#b4add2 rgb(180,173,210)
```

Similar Colors

Text with hexadecimal color #adafd2

This text has a font color of #adafd2.

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

#adafd2 background color

This paragraph has a background color of #adafd2.

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

#adafd2 border color

This element has a border color of #adafd2.

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

CSS codes

.text {color:#adafd2;}

.background {background-color:#adafd2;}

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

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, #040407 is the darkest color, while #f9f9fc is the lightest one.

#040407
```
#040407 rgb(4,4,7)
```
#0b0b13
```
#0b0b13 rgb(11,11,19)
```
#121220
```
#121220 rgb(18,18,32)
```
#191a2d
```
#191a2d rgb(25,26,45)
```
#1f2139
```
#1f2139 rgb(31,33,57)
```
#262846
```
#262846 rgb(38,40,70)
```
#2d2f53
```
#2d2f53 rgb(45,47,83)
```
#34375f
```
#34375f rgb(52,55,95)
```
#3b3e6c
```
#3b3e6c rgb(59,62,108)
```
#424579
```
#424579 rgb(66,69,121)
```
#494c85
```
#494c85 rgb(73,76,133)
```
#505492
```
#505492 rgb(80,84,146)
```
#575b9f
```
#575b9f rgb(87,91,159)
```

Shade Color Variation

#6165a8
```
#6165a8 rgb(97,101,168)
```
#6e71af
```
#6e71af rgb(110,113,175)
```
#7a7eb6
```
#7a7eb6 rgb(122,126,182)
```
#878abd
```
#878abd rgb(135,138,189)
```
#9496c4
```
#9496c4 rgb(148,150,196)
```
#a0a3cb
```
#a0a3cb rgb(160,163,203)
```
#adafd2
```
#adafd2 rgb(173,175,210)
```
#babbd9
```
#babbd9 rgb(186,187,217)
```
#c6c8e0
```
#c6c8e0 rgb(198,200,224)
```
#d3d4e7
```
#d3d4e7 rgb(211,212,231)
```
#e0e0ee
```
#e0e0ee rgb(224,224,238)
```
#ecedf5
```
#ecedf5 rgb(236,237,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#bcbcc3
```
#bcbcc3 rgb(188,188,195)
```
#b7b8c8
```
#b7b8c8 rgb(183,184,200)
```
#b2b3cd
```
#b2b3cd rgb(178,179,205)
```
#adafd2
```
#adafd2 rgb(173,175,210)
```
#a8abd7
```
#a8abd7 rgb(168,171,215)
```
#a3a6dc
```
#a3a6dc rgb(163,166,220)
```
#9ea2e1
```
#9ea2e1 rgb(158,162,225)
```
#999ee6
```
#999ee6 rgb(153,158,230)
```
#9599ea
```
#9599ea rgb(149,153,234)
```
#9095ef
```
#9095ef rgb(144,149,239)
```
#8b91f4
```
#8b91f4 rgb(139,145,244)
```
#868cf9
```
#868cf9 rgb(134,140,249)
```
#8188fe
```
#8188fe rgb(129,136,254)
```

Tone Color Variation

Below, you can see how #adafd2 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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b1b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb3d4 Protanopia 1% of men
#b6b1d4 Deuteranopia 1% of men
#adb6c3 Tritanopia 0.001% of the population

Trichromacy

#adb2d3 Protanomaly 1% of men, 0.01% of women
#b2b0d3 Deuteranomaly 6% of men, 0.4% of women
#adb3c8 Tritanomaly 0.01% of the population

#adafd2 hex color

#adafd2 Color Information

#adafd2 Color Conversion

Color Schemes with #adafd2

Alternatives to #adafd2

#adafd2 Preview

Shades and Tints of #adafd2

Tones of #adafd2

Color Blindness Simulator