#6ad2dc hex color

In a RGB color space, hex #6ad2dc is composed of 41.6% red, 82.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 4.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 185.3 degrees, a saturation of 62% and a lightness of 63.9%. #6ad2dc color hex could be obtained by blending #d4ffff with #00a5b9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 42
- G 82
- B 86
RGB color chart
- C 52
- M 5
- Y 0
- K 14
CMYK color chart

● #6ad2dc color description : Soft cyan.

The hexadecimal color #6ad2dc has RGB values of R:106, G:210, B:220 and CMYK values of C:0.52, M:0.05, Y:0, K:0.14. Its decimal value is 7000796.

Hex triplet	6ad2dc	`#6ad2dc`
RGB Decimal	106, 210, 220	`rgb(106,210,220)`
RGB Percent	41.6, 82.4, 86.3	`rgb(41.6%,82.4%,86.3%)`
CMYK	52, 5, 0, 14
HSL	185.3°, 62, 63.9	`hsl(185.3,62%,63.9%)`
HSV (or HSB)	185.3°, 51.8, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.649, -27.419, -14.21
XYZ	41.905, 54.322, 75.983
xyY	0.243, 0.315, 54.322
CIE-LCH	78.649, 30.882, 207.396
CIE-LUV	78.649, -44.277, -18.004
Hunter-Lab	73.703, -27.492, -9.532
Binary	01101010, 11010010, 11011100

#6ad2dc
```
#6ad2dc rgb(106,210,220)
```
#dc746a
```
#dc746a rgb(220,116,106)
```

Complementary Color

#6adcad
```
#6adcad rgb(106,220,173)
```
#6ad2dc
```
#6ad2dc rgb(106,210,220)
```
#6a99dc
```
#6a99dc rgb(106,153,220)
```

Analogous Color

#dcad6a
```
#dcad6a rgb(220,173,106)
```
#6ad2dc
```
#6ad2dc rgb(106,210,220)
```
#dc6a99
```
#dc6a99 rgb(220,106,153)
```

Split Complementary Color

#d2dc6a
```
#d2dc6a rgb(210,220,106)
```
#6ad2dc
```
#6ad2dc rgb(106,210,220)
```
#dc6ad2
```
#dc6ad2 rgb(220,106,210)
```

Triadic Color

#6adc74
```
#6adc74 rgb(106,220,116)
```
#6ad2dc
```
#6ad2dc rgb(106,210,220)
```
#dc6ad2
```
#dc6ad2 rgb(220,106,210)
```
#dc746a
```
#dc746a rgb(220,116,106)
```

Tetradic Color

#2fbcca
```
#2fbcca rgb(47,188,202)
```
#41c6d2
```
#41c6d2 rgb(65,198,210)
```
#55ccd7
```
#55ccd7 rgb(85,204,215)
```
#6ad2dc
```
#6ad2dc rgb(106,210,220)
```
#7fd8e1
```
#7fd8e1 rgb(127,216,225)
```
#93dee6
```
#93dee6 rgb(147,222,230)
```
#a8e5eb
```
#a8e5eb rgb(168,229,235)
```

Monochromatic Color

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

#6adcca
```
#6adcca rgb(106,220,202)
```
#6adcd3
```
#6adcd3 rgb(106,220,211)
```
#6adcdc
```
#6adcdc rgb(106,220,220)
```
#6ad2dc
```
#6ad2dc rgb(106,210,220)
```
#6ac9dc
```
#6ac9dc rgb(106,201,220)
```
#6abfdc
```
#6abfdc rgb(106,191,220)
```
#6ab6dc
```
#6ab6dc rgb(106,182,220)
```

Similar Colors

Text with hexadecimal color #6ad2dc

This text has a font color of #6ad2dc.

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

#6ad2dc background color

This paragraph has a background color of #6ad2dc.

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

#6ad2dc border color

This element has a border color of #6ad2dc.

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

CSS codes

.text {color:#6ad2dc;}

.background {background-color:#6ad2dc;}

.border {border:1px solid #6ad2dc;}

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, #02090a is the darkest color, while #f9fdfe is the lightest one.

#02090a
```
#02090a rgb(2,9,10)
```
#06181a
```
#06181a rgb(6,24,26)
```
#0a272a
```
#0a272a rgb(10,39,42)
```
#0e3639
```
#0e3639 rgb(14,54,57)
```
#114449
```
#114449 rgb(17,68,73)
```
#155359
```
#155359 rgb(21,83,89)
```
#196269
```
#196269 rgb(25,98,105)
```
#1c7179
```
#1c7179 rgb(28,113,121)
```
#208089
```
#208089 rgb(32,128,137)
```
#248f99
```
#248f99 rgb(36,143,153)
```
#289da9
```
#289da9 rgb(40,157,169)
```
#2bacb9
```
#2bacb9 rgb(43,172,185)
```
#2fbbc8
```
#2fbbc8 rgb(47,187,200)
```

Shade Color Variation

#3ac4d1
```
#3ac4d1 rgb(58,196,209)
```
#4ac8d5
```
#4ac8d5 rgb(74,200,213)
```
#5acdd8
```
#5acdd8 rgb(90,205,216)
```
#6ad2dc
```
#6ad2dc rgb(106,210,220)
```
#7ad7e0
```
#7ad7e0 rgb(122,215,224)
```
#8adce3
```
#8adce3 rgb(138,220,227)
```
#9ae0e7
```
#9ae0e7 rgb(154,224,231)
```
#aae5eb
```
#aae5eb rgb(170,229,235)
```
#b9eaef
```
#b9eaef rgb(185,234,239)
```
#c9eff2
```
#c9eff2 rgb(201,239,242)
```
#d9f4f6
```
#d9f4f6 rgb(217,244,246)
```
#e9f8fa
```
#e9f8fa rgb(233,248,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#9ca9aa
```
#9ca9aa rgb(156,169,170)
```
#94afb2
```
#94afb2 rgb(148,175,178)
```
#8db5b9
```
#8db5b9 rgb(141,181,185)
```
#86bbc0
```
#86bbc0 rgb(134,187,192)
```
#7fc0c7
```
#7fc0c7 rgb(127,192,199)
```
#78c6ce
```
#78c6ce rgb(120,198,206)
```
#71ccd5
```
#71ccd5 rgb(113,204,213)
```
#6ad2dc
```
#6ad2dc rgb(106,210,220)
```
#63d8e3
```
#63d8e3 rgb(99,216,227)
```
#5cdeea
```
#5cdeea rgb(92,222,234)
```
#55e4f1
```
#55e4f1 rgb(85,228,241)
```
#4ee9f8
```
#4ee9f8 rgb(78,233,248)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a5babc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c4d4 Protanopia 1% of men
#c8c1e4 Deuteranopia 1% of men
#74d3e2 Tritanopia 0.001% of the population

Trichromacy

#a3c9d7 Protanomaly 1% of men, 0.01% of women
#a6c7e1 Deuteranomaly 6% of men, 0.4% of women
#70d2e0 Tritanomaly 0.01% of the population

#6ad2dc hex color

#6ad2dc Color Information

#6ad2dc Color Conversion

Color Schemes with #6ad2dc

Alternatives to #6ad2dc

#6ad2dc Preview

Shades and Tints of #6ad2dc

Tones of #6ad2dc

Color Blindness Simulator