#2ac6dc hex color

In a RGB color space, hex #2ac6dc is composed of 16.5% red, 77.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 10% magenta, 0% yellow and 13.7% black. It has a hue angle of 187.4 degrees, a saturation of 71.8% and a lightness of 51.4%. #2ac6dc color hex could be obtained by blending #54ffff with #008db9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 78
- B 86
RGB color chart
- C 81
- M 10
- Y 0
- K 14
CMYK color chart

● #2ac6dc color description : Bright cyan.

The hexadecimal color #2ac6dc has RGB values of R:42, G:198, B:220 and CMYK values of C:0.81, M:0.1, Y:0, K:0.14. Its decimal value is 2803420.

Hex triplet	2ac6dc	`#2ac6dc`
RGB Decimal	42, 198, 220	`rgb(42,198,220)`
RGB Percent	16.5, 77.6, 86.3	`rgb(16.5%,77.6%,86.3%)`
CMYK	81, 10, 0, 14
HSL	187.4°, 71.8, 51.4	`hsl(187.4,71.8%,51.4%)`
HSV (or HSB)	187.4°, 80.9, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.574, -30.94, -22.033
XYZ	34.063, 46.044, 74.798
xyY	0.22, 0.297, 46.044
CIE-LCH	73.574, 37.983, 215.456
CIE-LUV	73.574, -51.919, -30.343
Hunter-Lab	67.856, -29.142, -17.857
Binary	00101010, 11000110, 11011100

#2ac6dc
```
#2ac6dc rgb(42,198,220)
```
#dc402a
```
#dc402a rgb(220,64,42)
```

Complementary Color

#2adc99
```
#2adc99 rgb(42,220,153)
```
#2ac6dc
```
#2ac6dc rgb(42,198,220)
```
#2a6ddc
```
#2a6ddc rgb(42,109,220)
```

Analogous Color

#dc992a
```
#dc992a rgb(220,153,42)
```
#2ac6dc
```
#2ac6dc rgb(42,198,220)
```
#dc2a6d
```
#dc2a6d rgb(220,42,109)
```

Split Complementary Color

#c6dc2a
```
#c6dc2a rgb(198,220,42)
```
#2ac6dc
```
#2ac6dc rgb(42,198,220)
```
#dc2ac6
```
#dc2ac6 rgb(220,42,198)
```

Triadic Color

#2adc40
```
#2adc40 rgb(42,220,64)
```
#2ac6dc
```
#2ac6dc rgb(42,198,220)
```
#dc2ac6
```
#dc2ac6 rgb(220,42,198)
```
#dc402a
```
#dc402a rgb(220,64,42)
```

Tetradic Color

#1a8f9f
```
#1a8f9f rgb(26,143,159)
```
#1ea3b5
```
#1ea3b5 rgb(30,163,181)
```
#21b6cb
```
#21b6cb rgb(33,182,203)
```
#2ac6dc
```
#2ac6dc rgb(42,198,220)
```
#40cce0
```
#40cce0 rgb(64,204,224)
```
#56d2e3
```
#56d2e3 rgb(86,210,227)
```
#6cd8e7
```
#6cd8e7 rgb(108,216,231)
```

Monochromatic Color

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

#2adcc6
```
#2adcc6 rgb(42,220,198)
```
#2adcd4
```
#2adcd4 rgb(42,220,212)
```
#2ad5dc
```
#2ad5dc rgb(42,213,220)
```
#2ac6dc
```
#2ac6dc rgb(42,198,220)
```
#2ab7dc
```
#2ab7dc rgb(42,183,220)
```
#2aa8dc
```
#2aa8dc rgb(42,168,220)
```
#2a9adc
```
#2a9adc rgb(42,154,220)
```

Similar Colors

Text with hexadecimal color #2ac6dc

This text has a font color of #2ac6dc.

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

#2ac6dc background color

This paragraph has a background color of #2ac6dc.

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

#2ac6dc border color

This element has a border color of #2ac6dc.

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

CSS codes

.text {color:#2ac6dc;}

.background {background-color:#2ac6dc;}

.border {border:1px solid #2ac6dc;}

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

#010506
```
#010506 rgb(1,5,6)
```
#041417
```
#041417 rgb(4,20,23)
```
#072428
```
#072428 rgb(7,36,40)
```
#093339
```
#093339 rgb(9,51,57)
```
#0c4249
```
#0c4249 rgb(12,66,73)
```
#0f515a
```
#0f515a rgb(15,81,90)
```
#12606b
```
#12606b rgb(18,96,107)
```
#146f7c
```
#146f7c rgb(20,111,124)
```
#177e8d
```
#177e8d rgb(23,126,141)
```
#1a8d9e
```
#1a8d9e rgb(26,141,158)
```
#1d9cae
```
#1d9cae rgb(29,156,174)
```
#1facbf
```
#1facbf rgb(31,172,191)
```
#22bbd0
```
#22bbd0 rgb(34,187,208)
```

Shade Color Variation

#2ac6dc
```
#2ac6dc rgb(42,198,220)
```
#3bcbdf
```
#3bcbdf rgb(59,203,223)
```
#4ccfe2
```
#4ccfe2 rgb(76,207,226)
```
#5dd4e4
```
#5dd4e4 rgb(93,212,228)
```
#6dd8e7
```
#6dd8e7 rgb(109,216,231)
```
#7eddea
```
#7eddea rgb(126,221,234)
```
#8fe1ed
```
#8fe1ed rgb(143,225,237)
```
#a0e6ef
```
#a0e6ef rgb(160,230,239)
```
#b1eaf2
```
#b1eaf2 rgb(177,234,242)
```
#c2eff5
```
#c2eff5 rgb(194,239,245)
```
#d2f3f8
```
#d2f3f8 rgb(210,243,248)
```
#e3f8fa
```
#e3f8fa rgb(227,248,250)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Tint Color Variation

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

#808586
```
#808586 rgb(128,133,134)
```
#768d90
```
#768d90 rgb(118,141,144)
```
#6d9499
```
#6d9499 rgb(109,148,153)
```
#639ba3
```
#639ba3 rgb(99,155,163)
```
#5aa2ac
```
#5aa2ac rgb(90,162,172)
```
#50a9b6
```
#50a9b6 rgb(80,169,182)
```
#47b0bf
```
#47b0bf rgb(71,176,191)
```
#3db8c9
```
#3db8c9 rgb(61,184,201)
```
#34bfd2
```
#34bfd2 rgb(52,191,210)
```
#2ac6dc
```
#2ac6dc rgb(42,198,220)
```
#20cde6
```
#20cde6 rgb(32,205,230)
```
#17d4ef
```
#17d4ef rgb(23,212,239)
```
#0ddcf9
```
#0ddcf9 rgb(13,220,249)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#84a3a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b7d2 Protanopia 1% of men
#b0b5e5 Deuteranopia 1% of men
#2dc9d8 Tritanopia 0.001% of the population

Trichromacy

#81bcd6 Protanomaly 1% of men, 0.01% of women
#7fbbe1 Deuteranomaly 6% of men, 0.4% of women
#2cc8d9 Tritanomaly 0.01% of the population

#2ac6dc hex color

#2ac6dc Color Information

#2ac6dc Color Conversion

Color Schemes with #2ac6dc

Alternatives to #2ac6dc

#2ac6dc Preview

Shades and Tints of #2ac6dc

Tones of #2ac6dc

Color Blindness Simulator