#2caab8 hex color

In a RGB color space, hex #2caab8 is composed of 17.3% red, 66.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 7.6% magenta, 0% yellow and 27.8% black. It has a hue angle of 186 degrees, a saturation of 61.4% and a lightness of 44.7%. #2caab8 color hex could be obtained by blending #58ffff with #005571. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 67
- B 72
RGB color chart
- C 76
- M 8
- Y 0
- K 28
CMYK color chart

● #2caab8 color description : Strong cyan.

The hexadecimal color #2caab8 has RGB values of R:44, G:170, B:184 and CMYK values of C:0.76, M:0.08, Y:0, K:0.28. Its decimal value is 2927288.

Hex triplet	2caab8	`#2caab8`
RGB Decimal	44, 170, 184	`rgb(44,170,184)`
RGB Percent	17.3, 66.7, 72.2	`rgb(17.3%,66.7%,72.2%)`
CMYK	76, 8, 0, 28
HSL	186°, 61.4, 44.7	`hsl(186,61.4%,44.7%)`
HSV (or HSB)	186°, 76.1, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.953, -28.319, -16.858
XYZ	24.063, 32.743, 50.397
xyY	0.224, 0.305, 32.743
CIE-LCH	63.953, 32.957, 210.765
CIE-LUV	63.953, -44.402, -21.721
Hunter-Lab	57.222, -25.076, -12.163
Binary	00101100, 10101010, 10111000

#2caab8
```
#2caab8 rgb(44,170,184)
```
#b83a2c
```
#b83a2c rgb(184,58,44)
```

Complementary Color

#2cb880
```
#2cb880 rgb(44,184,128)
```
#2caab8
```
#2caab8 rgb(44,170,184)
```
#2c64b8
```
#2c64b8 rgb(44,100,184)
```

Analogous Color

#b8802c
```
#b8802c rgb(184,128,44)
```
#2caab8
```
#2caab8 rgb(44,170,184)
```
#b82c64
```
#b82c64 rgb(184,44,100)
```

Split Complementary Color

#aab82c
```
#aab82c rgb(170,184,44)
```
#2caab8
```
#2caab8 rgb(44,170,184)
```
#b82caa
```
#b82caa rgb(184,44,170)
```

Triadic Color

#2cb83a
```
#2cb83a rgb(44,184,58)
```
#2caab8
```
#2caab8 rgb(44,170,184)
```
#b82caa
```
#b82caa rgb(184,44,170)
```
#b83a2c
```
#b83a2c rgb(184,58,44)
```

Tetradic Color

#1d717a
```
#1d717a rgb(29,113,122)
```
#22848f
```
#22848f rgb(34,132,143)
```
#2797a3
```
#2797a3 rgb(39,151,163)
```
#2caab8
```
#2caab8 rgb(44,170,184)
```
#31bdcd
```
#31bdcd rgb(49,189,205)
```
#45c4d2
```
#45c4d2 rgb(69,196,210)
```
#59cbd7
```
#59cbd7 rgb(89,203,215)
```

Monochromatic Color

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

#2cb8a3
```
#2cb8a3 rgb(44,184,163)
```
#2cb8af
```
#2cb8af rgb(44,184,175)
```
#2cb6b8
```
#2cb6b8 rgb(44,182,184)
```
#2caab8
```
#2caab8 rgb(44,170,184)
```
#2c9eb8
```
#2c9eb8 rgb(44,158,184)
```
#2c93b8
```
#2c93b8 rgb(44,147,184)
```
#2c87b8
```
#2c87b8 rgb(44,135,184)
```

Similar Colors

Text with hexadecimal color #2caab8

This text has a font color of #2caab8.

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

#2caab8 background color

This paragraph has a background color of #2caab8.

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

#2caab8 border color

This element has a border color of #2caab8.

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

CSS codes

.text {color:#2caab8;}

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

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

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)
```
#0a262a
```
#0a262a rgb(10,38,42)
```
#0e3539
```
#0e3539 rgb(14,53,57)
```
#124449
```
#124449 rgb(18,68,73)
```
#155259
```
#155259 rgb(21,82,89)
```
#196169
```
#196169 rgb(25,97,105)
```
#1d6f79
```
#1d6f79 rgb(29,111,121)
```
#217e89
```
#217e89 rgb(33,126,137)
```
#248d98
```
#248d98 rgb(36,141,152)
```
#289ba8
```
#289ba8 rgb(40,155,168)
```
#2caab8
```
#2caab8 rgb(44,170,184)
```
#30b9c8
```
#30b9c8 rgb(48,185,200)
```

Shade Color Variation

#3bc1d0
```
#3bc1d0 rgb(59,193,208)
```
#4bc6d4
```
#4bc6d4 rgb(75,198,212)
```
#5bcbd8
```
#5bcbd8 rgb(91,203,216)
```
#6bd0dc
```
#6bd0dc rgb(107,208,220)
```
#7ad5df
```
#7ad5df rgb(122,213,223)
```
#8adae3
```
#8adae3 rgb(138,218,227)
```
#9adfe7
```
#9adfe7 rgb(154,223,231)
```
#aae4eb
```
#aae4eb rgb(170,228,235)
```
#bae9ee
```
#bae9ee rgb(186,233,238)
```
#caeef2
```
#caeef2 rgb(202,238,242)
```
#d9f3f6
```
#d9f3f6 rgb(217,243,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, #69797b is the less saturated color, while #00cde4 is the most saturated one.

#69797b
```
#69797b rgb(105,121,123)
```
#618083
```
#618083 rgb(97,128,131)
```
#58878c
```
#58878c rgb(88,135,140)
```
#4f8e95
```
#4f8e95 rgb(79,142,149)
```
#46959e
```
#46959e rgb(70,149,158)
```
#3e9ca6
```
#3e9ca6 rgb(62,156,166)
```
#35a3af
```
#35a3af rgb(53,163,175)
```
#2caab8
```
#2caab8 rgb(44,170,184)
```
#23b1c1
```
#23b1c1 rgb(35,177,193)
```
#1ab8ca
```
#1ab8ca rgb(26,184,202)
```
#12bfd2
```
#12bfd2 rgb(18,191,210)
```
#09c6db
```
#09c6db rgb(9,198,219)
```
#00cde4
```
#00cde4 rgb(0,205,228)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#748d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9fb2 Protanopia 1% of men
#9c9dc2 Deuteranopia 1% of men
#36aebb Tritanopia 0.001% of the population

Trichromacy

#73a3b4 Protanomaly 1% of men, 0.01% of women
#73a1be Deuteranomaly 6% of men, 0.4% of women
#32acba Tritanomaly 0.01% of the population

#2caab8 hex color

#2caab8 Color Information

#2caab8 Color Conversion

Color Schemes with #2caab8

Alternatives to #2caab8

#2caab8 Preview

Shades and Tints of #2caab8

Tones of #2caab8

Color Blindness Simulator