#6ad8dc hex color

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

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

● #6ad8dc color description : Soft cyan.

The hexadecimal color #6ad8dc has RGB values of R:106, G:216, B:220 and CMYK values of C:0.52, M:0.02, Y:0, K:0.14. Its decimal value is 7002332.

Hex triplet	6ad8dc	`#6ad8dc`
RGB Decimal	106, 216, 220	`rgb(106,216,220)`
RGB Percent	41.6, 84.7, 86.3	`rgb(41.6%,84.7%,86.3%)`
CMYK	52, 2, 0, 14
HSL	182.1°, 62, 63.9	`hsl(182.1,62%,63.9%)`
HSV (or HSB)	182.1°, 51.8, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.371, -30.324, -11.633
XYZ	43.414, 57.34, 76.486
xyY	0.245, 0.324, 57.34
CIE-LCH	80.371, 32.479, 200.987
CIE-LUV	80.371, -46.561, -13.42
Hunter-Lab	75.723, -30.176, -6.881
Binary	01101010, 11011000, 11011100

#6ad8dc
```
#6ad8dc rgb(106,216,220)
```
#dc6e6a
```
#dc6e6a rgb(220,110,106)
```

Complementary Color

#6adca7
```
#6adca7 rgb(106,220,167)
```
#6ad8dc
```
#6ad8dc rgb(106,216,220)
```
#6a9fdc
```
#6a9fdc rgb(106,159,220)
```

Analogous Color

#dca76a
```
#dca76a rgb(220,167,106)
```
#6ad8dc
```
#6ad8dc rgb(106,216,220)
```
#dc6a9f
```
#dc6a9f rgb(220,106,159)
```

Split Complementary Color

#d8dc6a
```
#d8dc6a rgb(216,220,106)
```
#6ad8dc
```
#6ad8dc rgb(106,216,220)
```
#dc6ad8
```
#dc6ad8 rgb(220,106,216)
```

Triadic Color

#6adc6e
```
#6adc6e rgb(106,220,110)
```
#6ad8dc
```
#6ad8dc rgb(106,216,220)
```
#dc6ad8
```
#dc6ad8 rgb(220,106,216)
```
#dc6e6a
```
#dc6e6a rgb(220,110,106)
```

Tetradic Color

#2fc5ca
```
#2fc5ca rgb(47,197,202)
```
#41cdd2
```
#41cdd2 rgb(65,205,210)
```
#55d3d7
```
#55d3d7 rgb(85,211,215)
```
#6ad8dc
```
#6ad8dc rgb(106,216,220)
```
#7fdde1
```
#7fdde1 rgb(127,221,225)
```
#93e3e6
```
#93e3e6 rgb(147,227,230)
```
#a8e8eb
```
#a8e8eb rgb(168,232,235)
```

Monochromatic Color

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

#6adcc4
```
#6adcc4 rgb(106,220,196)
```
#6adccd
```
#6adccd rgb(106,220,205)
```
#6adcd7
```
#6adcd7 rgb(106,220,215)
```
#6ad8dc
```
#6ad8dc rgb(106,216,220)
```
#6acfdc
```
#6acfdc rgb(106,207,220)
```
#6ac5dc
```
#6ac5dc rgb(106,197,220)
```
#6abcdc
```
#6abcdc rgb(106,188,220)
```

Similar Colors

Text with hexadecimal color #6ad8dc

This text has a font color of #6ad8dc.

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

#6ad8dc background color

This paragraph has a background color of #6ad8dc.

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

#6ad8dc border color

This element has a border color of #6ad8dc.

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

CSS codes

.text {color:#6ad8dc;}

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

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

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

#020a0a
```
#020a0a rgb(2,10,10)
```
#06191a
```
#06191a rgb(6,25,26)
```
#0a282a
```
#0a282a rgb(10,40,42)
```
#0e3839
```
#0e3839 rgb(14,56,57)
```
#114749
```
#114749 rgb(17,71,73)
```
#155759
```
#155759 rgb(21,87,89)
```
#196669
```
#196669 rgb(25,102,105)
```
#1c7679
```
#1c7679 rgb(28,118,121)
```
#208589
```
#208589 rgb(32,133,137)
```
#249599
```
#249599 rgb(36,149,153)
```
#28a4a9
```
#28a4a9 rgb(40,164,169)
```
#2bb4b9
```
#2bb4b9 rgb(43,180,185)
```
#2fc3c8
```
#2fc3c8 rgb(47,195,200)
```

Shade Color Variation

#3accd1
```
#3accd1 rgb(58,204,209)
```
#4ad0d5
```
#4ad0d5 rgb(74,208,213)
```
#5ad4d8
```
#5ad4d8 rgb(90,212,216)
```
#6ad8dc
```
#6ad8dc rgb(106,216,220)
```
#7adce0
```
#7adce0 rgb(122,220,224)
```
#8ae0e3
```
#8ae0e3 rgb(138,224,227)
```
#9ae4e7
```
#9ae4e7 rgb(154,228,231)
```
#aae9eb
```
#aae9eb rgb(170,233,235)
```
#b9edef
```
#b9edef rgb(185,237,239)
```
#c9f1f2
```
#c9f1f2 rgb(201,241,242)
```
#d9f5f6
```
#d9f5f6 rgb(217,245,246)
```
#e9f9fa
```
#e9f9fa rgb(233,249,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 #4ef2f8 is the most saturated one.

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#9caaaa
```
#9caaaa rgb(156,170,170)
```
#94b1b2
```
#94b1b2 rgb(148,177,178)
```
#8db7b9
```
#8db7b9 rgb(141,183,185)
```
#86bec0
```
#86bec0 rgb(134,190,192)
```
#7fc4c7
```
#7fc4c7 rgb(127,196,199)
```
#78cbce
```
#78cbce rgb(120,203,206)
```
#71d1d5
```
#71d1d5 rgb(113,209,213)
```
#6ad8dc
```
#6ad8dc rgb(106,216,220)
```
#63dfe3
```
#63dfe3 rgb(99,223,227)
```
#5ce5ea
```
#5ce5ea rgb(92,229,234)
```
#55ecf1
```
#55ecf1 rgb(85,236,241)
```
#4ef2f8
```
#4ef2f8 rgb(78,242,248)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a8bebf Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac9d4 Protanopia 1% of men
#cfc5e5 Deuteranopia 1% of men
#76d8e8 Tritanopia 0.001% of the population

Trichromacy

#a7ced7 Protanomaly 1% of men, 0.01% of women
#aacce1 Deuteranomaly 6% of men, 0.4% of women
#71d8e3 Tritanomaly 0.01% of the population

#6ad8dc hex color

#6ad8dc Color Information

#6ad8dc Color Conversion

Color Schemes with #6ad8dc

Alternatives to #6ad8dc

#6ad8dc Preview

Shades and Tints of #6ad8dc

Tones of #6ad8dc

Color Blindness Simulator