#adc2f2 hex color

In a RGB color space, hex #adc2f2 is composed of 67.8% red, 76.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 28.5% cyan, 19.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 221.7 degrees, a saturation of 72.6% and a lightness of 81.4%. #adc2f2 color hex could be obtained by blending #ffffff with #5b85e5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 68
- G 76
- B 95
RGB color chart
- C 29
- M 20
- Y 0
- K 5
CMYK color chart

● #adc2f2 color description : Very soft blue.

The hexadecimal color #adc2f2 has RGB values of R:173, G:194, B:242 and CMYK values of C:0.29, M:0.2, Y:0, K:0.05. Its decimal value is 11387634.

Hex triplet	adc2f2	`#adc2f2`
RGB Decimal	173, 194, 242	`rgb(173,194,242)`
RGB Percent	67.8, 76.1, 94.9	`rgb(67.8%,76.1%,94.9%)`
CMYK	29, 20, 0, 5
HSL	221.7°, 72.6, 81.4	`hsl(221.7,72.6%,81.4%)`
HSV (or HSB)	221.7°, 28.5, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.39, 3.519, -26.082
XYZ	52.549, 53.877, 91.63
xyY	0.265, 0.272, 53.877
CIE-LCH	78.39, 26.318, 277.683
CIE-LUV	78.39, -12.986, -42.129
Hunter-Lab	73.401, -0.661, -22.634
Binary	10101101, 11000010, 11110010

#adc2f2
```
#adc2f2 rgb(173,194,242)
```
#f2ddad
```
#f2ddad rgb(242,221,173)
```

Complementary Color

#ade5f2
```
#ade5f2 rgb(173,229,242)
```
#adc2f2
```
#adc2f2 rgb(173,194,242)
```
#bbadf2
```
#bbadf2 rgb(187,173,242)
```

Analogous Color

#e5f2ad
```
#e5f2ad rgb(229,242,173)
```
#adc2f2
```
#adc2f2 rgb(173,194,242)
```
#f2bbad
```
#f2bbad rgb(242,187,173)
```

Split Complementary Color

#c2f2ad
```
#c2f2ad rgb(194,242,173)
```
#adc2f2
```
#adc2f2 rgb(173,194,242)
```
#f2adc2
```
#f2adc2 rgb(242,173,194)
```

Triadic Color

#adf2dd
```
#adf2dd rgb(173,242,221)
```
#adc2f2
```
#adc2f2 rgb(173,194,242)
```
#f2adc2
```
#f2adc2 rgb(242,173,194)
```
#f2ddad
```
#f2ddad rgb(242,221,173)
```

Tetradic Color

#6b91e8
```
#6b91e8 rgb(107,145,232)
```
#81a1eb
```
#81a1eb rgb(129,161,235)
```
#97b2ef
```
#97b2ef rgb(151,178,239)
```
#adc2f2
```
#adc2f2 rgb(173,194,242)
```
#c3d2f5
```
#c3d2f5 rgb(195,210,245)
```
#d9e3f9
```
#d9e3f9 rgb(217,227,249)
```
#eff3fc
```
#eff3fc rgb(239,243,252)
```

Monochromatic Color

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

#add3f2
```
#add3f2 rgb(173,211,242)
```
#adcef2
```
#adcef2 rgb(173,206,242)
```
#adc8f2
```
#adc8f2 rgb(173,200,242)
```
#adc2f2
```
#adc2f2 rgb(173,194,242)
```
#adbcf2
```
#adbcf2 rgb(173,188,242)
```
#adb7f2
```
#adb7f2 rgb(173,183,242)
```
#adb1f2
```
#adb1f2 rgb(173,177,242)
```

Similar Colors

Text with hexadecimal color #adc2f2

This text has a font color of #adc2f2.

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

#adc2f2 background color

This paragraph has a background color of #adc2f2.

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

#adc2f2 border color

This element has a border color of #adc2f2.

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

CSS codes

.text {color:#adc2f2;}

.background {background-color:#adc2f2;}

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030814
```
#030814 rgb(3,8,20)
```
#060f25
```
#060f25 rgb(6,15,37)
```
#081635
```
#081635 rgb(8,22,53)
```
#0b1d46
```
#0b1d46 rgb(11,29,70)
```
#0e2457
```
#0e2457 rgb(14,36,87)
```
#112b68
```
#112b68 rgb(17,43,104)
```
#133279
```
#133279 rgb(19,50,121)
```
#16398a
```
#16398a rgb(22,57,138)
```
#19409b
```
#19409b rgb(25,64,155)
```
#1b47ac
```
#1b47ac rgb(27,71,172)
```
#1e4ebd
```
#1e4ebd rgb(30,78,189)
```
#2155ce
```
#2155ce rgb(33,85,206)
```

Shade Color Variation

#265ddd
```
#265ddd rgb(38,93,221)
```
#366adf
```
#366adf rgb(54,106,223)
```
#4776e2
```
#4776e2 rgb(71,118,226)
```
#5883e5
```
#5883e5 rgb(88,131,229)
```
#6990e7
```
#6990e7 rgb(105,144,231)
```
#7a9cea
```
#7a9cea rgb(122,156,234)
```
#8ba9ed
```
#8ba9ed rgb(139,169,237)
```
#9cb5ef
```
#9cb5ef rgb(156,181,239)
```
#adc2f2
```
#adc2f2 rgb(173,194,242)
```
#becff5
```
#becff5 rgb(190,207,245)
```
#cfdbf7
```
#cfdbf7 rgb(207,219,247)
```
#e0e8fa
```
#e0e8fa rgb(224,232,250)
```
#f1f4fd
```
#f1f4fd rgb(241,244,253)
```

Tint Color Variation

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

#cecfd1
```
#cecfd1 rgb(206,207,209)
```
#cacdd5
```
#cacdd5 rgb(202,205,213)
```
#c7ccd8
```
#c7ccd8 rgb(199,204,216)
```
#c3cbdc
```
#c3cbdc rgb(195,203,220)
```
#bfc9e0
```
#bfc9e0 rgb(191,201,224)
```
#bcc8e3
```
#bcc8e3 rgb(188,200,227)
```
#b8c6e7
```
#b8c6e7 rgb(184,198,231)
```
#b4c5eb
```
#b4c5eb rgb(180,197,235)
```
#b1c3ee
```
#b1c3ee rgb(177,195,238)
```
#adc2f2
```
#adc2f2 rgb(173,194,242)
```
#a9c1f6
```
#a9c1f6 rgb(169,193,246)
```
#a6bff9
```
#a6bff9 rgb(166,191,249)
```
#a2befd
```
#a2befd rgb(162,190,253)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bdc1cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c3f1 Protanopia 1% of men
#bdc1f3 Deuteranopia 1% of men
#aacad8 Tritanopia 0.001% of the population

Trichromacy

#b4c2f1 Protanomaly 1% of men, 0.01% of women
#b7c1f3 Deuteranomaly 6% of men, 0.4% of women
#abc7e1 Tritanomaly 0.01% of the population

#adc2f2 hex color

#adc2f2 Color Information

#adc2f2 Color Conversion

Color Schemes with #adc2f2

Alternatives to #adc2f2

#adc2f2 Preview

Shades and Tints of #adc2f2

Tones of #adc2f2

Color Blindness Simulator