#2ab5c5 hex color

In a RGB color space, hex #2ab5c5 is composed of 16.5% red, 71% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 8.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 186.2 degrees, a saturation of 64.9% and a lightness of 46.9%. #2ab5c5 color hex could be obtained by blending #54ffff with #006b8b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 71
- B 77
RGB color chart
- C 79
- M 8
- Y 0
- K 23
CMYK color chart

● #2ab5c5 color description : Strong cyan.

The hexadecimal color #2ab5c5 has RGB values of R:42, G:181, B:197 and CMYK values of C:0.79, M:0.08, Y:0, K:0.23. Its decimal value is 2799045.

Hex triplet	2ab5c5	`#2ab5c5`
RGB Decimal	42, 181, 197	`rgb(42,181,197)`
RGB Percent	16.5, 71, 77.3	`rgb(16.5%,71%,77.3%)`
CMYK	79, 8, 0, 23
HSL	186.2°, 64.9, 46.9	`hsl(186.2,64.9%,46.9%)`
HSV (or HSB)	186.2°, 78.7, 77.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.701, -29.866, -18.388
XYZ	27.554, 37.569, 58.62
xyY	0.223, 0.304, 37.569
CIE-LCH	67.701, 35.073, 211.62
CIE-LUV	67.701, -47.643, -24.178
Hunter-Lab	61.293, -27.02, -13.798
Binary	00101010, 10110101, 11000101

#2ab5c5
```
#2ab5c5 rgb(42,181,197)
```
#c53a2a
```
#c53a2a rgb(197,58,42)
```

Complementary Color

#2ac588
```
#2ac588 rgb(42,197,136)
```
#2ab5c5
```
#2ab5c5 rgb(42,181,197)
```
#2a68c5
```
#2a68c5 rgb(42,104,197)
```

Analogous Color

#c5882a
```
#c5882a rgb(197,136,42)
```
#2ab5c5
```
#2ab5c5 rgb(42,181,197)
```
#c52a68
```
#c52a68 rgb(197,42,104)
```

Split Complementary Color

#b5c52a
```
#b5c52a rgb(181,197,42)
```
#2ab5c5
```
#2ab5c5 rgb(42,181,197)
```
#c52ab5
```
#c52ab5 rgb(197,42,181)
```

Triadic Color

#2ac53a
```
#2ac53a rgb(42,197,58)
```
#2ab5c5
```
#2ab5c5 rgb(42,181,197)
```
#c52ab5
```
#c52ab5 rgb(197,42,181)
```
#c53a2a
```
#c53a2a rgb(197,58,42)
```

Tetradic Color

#1d7b86
```
#1d7b86 rgb(29,123,134)
```
#218e9b
```
#218e9b rgb(33,142,155)
```
#26a2b0
```
#26a2b0 rgb(38,162,176)
```
#2ab5c5
```
#2ab5c5 rgb(42,181,197)
```
#35c3d4
```
#35c3d4 rgb(53,195,212)
```
#4acad8
```
#4acad8 rgb(74,202,216)
```
#5fd0dd
```
#5fd0dd rgb(95,208,221)
```

Monochromatic Color

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

#2ac5ae
```
#2ac5ae rgb(42,197,174)
```
#2ac5bb
```
#2ac5bb rgb(42,197,187)
```
#2ac2c5
```
#2ac2c5 rgb(42,194,197)
```
#2ab5c5
```
#2ab5c5 rgb(42,181,197)
```
#2aa8c5
```
#2aa8c5 rgb(42,168,197)
```
#2a9bc5
```
#2a9bc5 rgb(42,155,197)
```
#2a8ec5
```
#2a8ec5 rgb(42,142,197)
```

Similar Colors

Text with hexadecimal color #2ab5c5

This text has a font color of #2ab5c5.

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

#2ab5c5 background color

This paragraph has a background color of #2ab5c5.

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

#2ab5c5 border color

This element has a border color of #2ab5c5.

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

CSS codes

.text {color:#2ab5c5;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041213
```
#041213 rgb(4,18,19)
```
#082023
```
#082023 rgb(8,32,35)
```
#0b2f33
```
#0b2f33 rgb(11,47,51)
```
#0e3e44
```
#0e3e44 rgb(14,62,68)
```
#124d54
```
#124d54 rgb(18,77,84)
```
#155c64
```
#155c64 rgb(21,92,100)
```
#196b74
```
#196b74 rgb(25,107,116)
```
#1c7a84
```
#1c7a84 rgb(28,122,132)
```
#208894
```
#208894 rgb(32,136,148)
```
#2397a5
```
#2397a5 rgb(35,151,165)
```
#27a6b5
```
#27a6b5 rgb(39,166,181)
```
#2ab5c5
```
#2ab5c5 rgb(42,181,197)
```

Shade Color Variation

#30c2d3
```
#30c2d3 rgb(48,194,211)
```
#40c7d6
```
#40c7d6 rgb(64,199,214)
```
#50ccda
```
#50ccda rgb(80,204,218)
```
#60d0dd
```
#60d0dd rgb(96,208,221)
```
#70d5e1
```
#70d5e1 rgb(112,213,225)
```
#81dae4
```
#81dae4 rgb(129,218,228)
```
#91dfe8
```
#91dfe8 rgb(145,223,232)
```
#a1e3eb
```
#a1e3eb rgb(161,227,235)
```
#b1e8ee
```
#b1e8ee rgb(177,232,238)
```
#c1edf2
```
#c1edf2 rgb(193,237,242)
```
#d1f2f5
```
#d1f2f5 rgb(209,242,245)
```
#e2f6f9
```
#e2f6f9 rgb(226,246,249)
```
#f2fbfc
```
#f2fbfc rgb(242,251,252)
```

Tint Color Variation

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

#747b7b
```
#747b7b rgb(116,123,123)
```
#6a8285
```
#6a8285 rgb(106,130,133)
```
#61898e
```
#61898e rgb(97,137,142)
```
#589197
```
#589197 rgb(88,145,151)
```
#4f98a0
```
#4f98a0 rgb(79,152,160)
```
#469fa9
```
#469fa9 rgb(70,159,169)
```
#3ca6b3
```
#3ca6b3 rgb(60,166,179)
```
#33aebc
```
#33aebc rgb(51,174,188)
```
#2ab5c5
```
#2ab5c5 rgb(42,181,197)
```
#21bcce
```
#21bcce rgb(33,188,206)
```
#18c4d7
```
#18c4d7 rgb(24,196,215)
```
#0ecbe1
```
#0ecbe1 rgb(14,203,225)
```
#05d2ea
```
#05d2ea rgb(5,210,234)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#799598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a8be Protanopia 1% of men
#a5a6cf Deuteranopia 1% of men
#33b9c6 Tritanopia 0.001% of the population

Trichromacy

#78acc0 Protanomaly 1% of men, 0.01% of women
#78abcb Deuteranomaly 6% of men, 0.4% of women
#30b7c6 Tritanomaly 0.01% of the population

#2ab5c5 hex color

#2ab5c5 Color Information

#2ab5c5 Color Conversion

Color Schemes with #2ab5c5

Alternatives to #2ab5c5

#2ab5c5 Preview

Shades and Tints of #2ab5c5

Tones of #2ab5c5

Color Blindness Simulator