colorhexa.com

#2ac2dd hex color

In a RGB color space, hex #2ac2dd is composed of 16.5% red, 76.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 12.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 189.1 degrees, a saturation of 72.5% and a lightness of 51.6%. #2ac2dd color hex could be obtained by blending #54ffff with #0085bb. Closest websafe color is: #33cccc.

- R 16
- G 76
- B 87
RGB color chart
- C 81
- M 12
- Y 0
- K 13
CMYK color chart

● #2ac2dd color description : Bright cyan.

The hexadecimal color #2ac2dd has RGB values of R:42, G:194, B:221 and CMYK values of C:0.81, M:0.12, Y:0, K:0.13. Its decimal value is 2802397.

Hex triplet	2ac2dd	`#2ac2dd`
RGB Decimal	42, 194, 221	`rgb(42,194,221)`
RGB Percent	16.5, 76.1, 86.7	`rgb(16.5%,76.1%,86.7%)`
CMYK	81, 12, 0, 13
HSL	189.1°, 72.5, 51.6	`hsl(189.1,72.5%,51.6%)`
HSV (or HSB)	189.1°, 81, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.424, -28.675, -24.329
XYZ	33.294, 44.293, 75.197
xyY	0.218, 0.29, 44.293
CIE-LCH	72.424, 37.606, 220.313
CIE-LUV	72.424, -50.463, -34.436
Hunter-Lab	66.553, -27.171, -20.404
Binary	00101010, 11000010, 11011101

#2ac2dd
```
#2ac2dd rgb(42,194,221)
```
#dd452a
```
#dd452a rgb(221,69,42)
```

Complementary Color

#2add9f
```
#2add9f rgb(42,221,159)
```
#2ac2dd
```
#2ac2dd rgb(42,194,221)
```
#2a69dd
```
#2a69dd rgb(42,105,221)
```

Analogous Color

#dd9f2a
```
#dd9f2a rgb(221,159,42)
```
#2ac2dd
```
#2ac2dd rgb(42,194,221)
```
#dd2a69
```
#dd2a69 rgb(221,42,105)
```

Split Complementary Color

#c2dd2a
```
#c2dd2a rgb(194,221,42)
```
#2ac2dd
```
#2ac2dd rgb(42,194,221)
```
#dd2ac2
```
#dd2ac2 rgb(221,42,194)
```

Triadic Color

#2add45
```
#2add45 rgb(42,221,69)
```
#2ac2dd
```
#2ac2dd rgb(42,194,221)
```
#dd2ac2
```
#dd2ac2 rgb(221,42,194)
```
#dd452a
```
#dd452a rgb(221,69,42)
```

Tetradic Color

#1a8ca1
```
#1a8ca1 rgb(26,140,161)
```
#1da0b7
```
#1da0b7 rgb(29,160,183)
```
#21b3cd
```
#21b3cd rgb(33,179,205)
```
#2ac2dd
```
#2ac2dd rgb(42,194,221)
```
#40c8e1
```
#40c8e1 rgb(64,200,225)
```
#56cfe4
```
#56cfe4 rgb(86,207,228)
```
#6cd5e8
```
#6cd5e8 rgb(108,213,232)
```

Monochromatic Color

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

#2addcb
```
#2addcb rgb(42,221,203)
```
#2addda
```
#2addda rgb(42,221,218)
```
#2ad1dd
```
#2ad1dd rgb(42,209,221)
```
#2ac2dd
```
#2ac2dd rgb(42,194,221)
```
#2ab3dd
```
#2ab3dd rgb(42,179,221)
```
#2aa4dd
```
#2aa4dd rgb(42,164,221)
```
#2a95dd
```
#2a95dd rgb(42,149,221)
```

Similar Colors

Text with hexadecimal color #2ac2dd

This text has a font color of #2ac2dd.

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

#2ac2dd background color

This paragraph has a background color of #2ac2dd.

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

#2ac2dd border color

This element has a border color of #2ac2dd.

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

CSS codes

.text {color:#2ac2dd;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#041518
```
#041518 rgb(4,21,24)
```
#072429
```
#072429 rgb(7,36,41)
```
#09323a
```
#09323a rgb(9,50,58)
```
#0c414b
```
#0c414b rgb(12,65,75)
```
#0f505b
```
#0f505b rgb(15,80,91)
```
#115f6c
```
#115f6c rgb(17,95,108)
```
#146d7d
```
#146d7d rgb(20,109,125)
```
#177c8e
```
#177c8e rgb(23,124,142)
```
#198b9f
```
#198b9f rgb(25,139,159)
```
#1c9ab0
```
#1c9ab0 rgb(28,154,176)
```
#1fa9c1
```
#1fa9c1 rgb(31,169,193)
```
#22b7d2
```
#22b7d2 rgb(34,183,210)
```

Shade Color Variation

#2ac2dd
```
#2ac2dd rgb(42,194,221)
```
#3bc7e0
```
#3bc7e0 rgb(59,199,224)
```
#4ccce2
```
#4ccce2 rgb(76,204,226)
```
#5dd1e5
```
#5dd1e5 rgb(93,209,229)
```
#6ed5e8
```
#6ed5e8 rgb(110,213,232)
```
#7fdaeb
```
#7fdaeb rgb(127,218,235)
```
#8fdfed
```
#8fdfed rgb(143,223,237)
```
#a0e4f0
```
#a0e4f0 rgb(160,228,240)
```
#b1e9f3
```
#b1e9f3 rgb(177,233,243)
```
#c2eef5
```
#c2eef5 rgb(194,238,245)
```
#d3f2f8
```
#d3f2f8 rgb(211,242,248)
```
#e4f7fb
```
#e4f7fb rgb(228,247,251)
```
#f5fcfd
```
#f5fcfd rgb(245,252,253)
```

Tint Color Variation

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

#808688
```
#808688 rgb(128,134,136)
```
#768d91
```
#768d91 rgb(118,141,145)
```
#6d949b
```
#6d949b rgb(109,148,155)
```
#639aa4
```
#639aa4 rgb(99,154,164)
```
#5aa1ae
```
#5aa1ae rgb(90,161,174)
```
#50a7b7
```
#50a7b7 rgb(80,167,183)
```
#47aec1
```
#47aec1 rgb(71,174,193)
```
#3db5ca
```
#3db5ca rgb(61,181,202)
```
#34bbd4
```
#34bbd4 rgb(52,187,212)
```
#2ac2dd
```
#2ac2dd rgb(42,194,221)
```
#21c9e7
```
#21c9e7 rgb(33,201,231)
```
#17cff0
```
#17cff0 rgb(23,207,240)
```
#0ed6fa
```
#0ed6fa rgb(14,214,250)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#82a0a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb4d4 Protanopia 1% of men
#abb2e5 Deuteranopia 1% of men
#26c6d5 Tritanopia 0.001% of the population

Trichromacy

#7eb9d7 Protanomaly 1% of men, 0.01% of women
#7cb8e2 Deuteranomaly 6% of men, 0.4% of women
#27c5d8 Tritanomaly 0.01% of the population