#4caac4 hex color

In a RGB color space, hex #4caac4 is composed of 29.8% red, 66.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 13.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 193 degrees, a saturation of 50.4% and a lightness of 53.3%. #4caac4 color hex could be obtained by blending #98ffff with #005589. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 30
- G 67
- B 77
RGB color chart
- C 61
- M 13
- Y 0
- K 23
CMYK color chart

● #4caac4 color description : Moderate cyan.

The hexadecimal color #4caac4 has RGB values of R:76, G:170, B:196 and CMYK values of C:0.61, M:0.13, Y:0, K:0.23. Its decimal value is 5024452.

Hex triplet	4caac4	`#4caac4`
RGB Decimal	76, 170, 196	`rgb(76,170,196)`
RGB Percent	29.8, 66.7, 76.9	`rgb(29.8%,66.7%,76.9%)`
CMYK	61, 13, 0, 23
HSL	193°, 50.4, 53.3	`hsl(193,50.4%,53.3%)`
HSV (or HSB)	193°, 61.2, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.176, -19.933, -21.603
XYZ	27.316, 34.269, 57.397
xyY	0.23, 0.288, 34.269
CIE-LCH	65.176, 29.395, 227.303
CIE-LUV	65.176, -37.882, -30.583
Hunter-Lab	58.54, -19.152, -17.154
Binary	01001100, 10101010, 11000100

#4caac4
```
#4caac4 rgb(76,170,196)
```
#c4664c
```
#c4664c rgb(196,102,76)
```

Complementary Color

#4cc4a2
```
#4cc4a2 rgb(76,196,162)
```
#4caac4
```
#4caac4 rgb(76,170,196)
```
#4c6ec4
```
#4c6ec4 rgb(76,110,196)
```

Analogous Color

#c4a24c
```
#c4a24c rgb(196,162,76)
```
#4caac4
```
#4caac4 rgb(76,170,196)
```
#c44c6e
```
#c44c6e rgb(196,76,110)
```

Split Complementary Color

#aac44c
```
#aac44c rgb(170,196,76)
```
#4caac4
```
#4caac4 rgb(76,170,196)
```
#c44caa
```
#c44caa rgb(196,76,170)
```

Triadic Color

#4cc466
```
#4cc466 rgb(76,196,102)
```
#4caac4
```
#4caac4 rgb(76,170,196)
```
#c44caa
```
#c44caa rgb(196,76,170)
```
#c4664c
```
#c4664c rgb(196,102,76)
```

Tetradic Color

#307e93
```
#307e93 rgb(48,126,147)
```
#378ea6
```
#378ea6 rgb(55,142,166)
```
#3d9eb9
```
#3d9eb9 rgb(61,158,185)
```
#4caac4
```
#4caac4 rgb(76,170,196)
```
#5fb3ca
```
#5fb3ca rgb(95,179,202)
```
#72bcd1
```
#72bcd1 rgb(114,188,209)
```
#86c5d7
```
#86c5d7 rgb(134,197,215)
```

Monochromatic Color

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

#4cc4c0
```
#4cc4c0 rgb(76,196,192)
```
#4cbec4
```
#4cbec4 rgb(76,190,196)
```
#4cb4c4
```
#4cb4c4 rgb(76,180,196)
```
#4caac4
```
#4caac4 rgb(76,170,196)
```
#4ca0c4
```
#4ca0c4 rgb(76,160,196)
```
#4c96c4
```
#4c96c4 rgb(76,150,196)
```
#4c8cc4
```
#4c8cc4 rgb(76,140,196)
```

Similar Colors

Text with hexadecimal color #4caac4

This text has a font color of #4caac4.

<span style="color:#4caac4;">Text here</span>

#4caac4 background color

This paragraph has a background color of #4caac4.

<p style="background-color:#4caac4;">Content here</p>

#4caac4 border color

This element has a border color of #4caac4.

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

CSS codes

.text {color:#4caac4;}

.background {background-color:#4caac4;}

.border {border:1px solid #4caac4;}

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, #040b0d is the darkest color, while #fdfefe is the lightest one.

#040b0d
```
#040b0d rgb(4,11,13)
```
#09181c
```
#09181c rgb(9,24,28)
```
#0e242a
```
#0e242a rgb(14,36,42)
```
#133139
```
#133139 rgb(19,49,57)
```
#183d48
```
#183d48 rgb(24,61,72)
```
#1d4a57
```
#1d4a57 rgb(29,74,87)
```
#215765
```
#215765 rgb(33,87,101)
```
#266374
```
#266374 rgb(38,99,116)
```
#2b7083
```
#2b7083 rgb(43,112,131)
```
#307c92
```
#307c92 rgb(48,124,146)
```
#3589a0
```
#3589a0 rgb(53,137,160)
```
#3a96af
```
#3a96af rgb(58,150,175)
```
#3fa2be
```
#3fa2be rgb(63,162,190)
```

Shade Color Variation

#4caac4
```
#4caac4 rgb(76,170,196)
```
#5bb1c9
```
#5bb1c9 rgb(91,177,201)
```
#6ab8ce
```
#6ab8ce rgb(106,184,206)
```
#78bfd3
```
#78bfd3 rgb(120,191,211)
```
#87c6d7
```
#87c6d7 rgb(135,198,215)
```
#96cddc
```
#96cddc rgb(150,205,220)
```
#a5d4e1
```
#a5d4e1 rgb(165,212,225)
```
#b3dbe6
```
#b3dbe6 rgb(179,219,230)
```
#c2e2eb
```
#c2e2eb rgb(194,226,235)
```
#d1e9f0
```
#d1e9f0 rgb(209,233,240)
```
#e0f0f5
```
#e0f0f5 rgb(224,240,245)
```
#eef7f9
```
#eef7f9 rgb(238,247,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838b8d is the less saturated color, while #15c9fb is the most saturated one.

#838b8d
```
#838b8d rgb(131,139,141)
```
#7a9096
```
#7a9096 rgb(122,144,150)
```
#71959f
```
#71959f rgb(113,149,159)
```
#679aa9
```
#679aa9 rgb(103,154,169)
```
#5ea0b2
```
#5ea0b2 rgb(94,160,178)
```
#55a5bb
```
#55a5bb rgb(85,165,187)
```
#4caac4
```
#4caac4 rgb(76,170,196)
```
#43afcd
```
#43afcd rgb(67,175,205)
```
#3ab4d6
```
#3ab4d6 rgb(58,180,214)
```
#31badf
```
#31badf rgb(49,186,223)
```
#27bfe9
```
#27bfe9 rgb(39,191,233)
```
#1ec4f2
```
#1ec4f2 rgb(30,196,242)
```
#15c9fb
```
#15c9fb rgb(21,201,251)
```

Tone Color Variation

Below, you can see how #4caac4 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

#919191 Achromatopsia 0.005% of the population
#83969b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca1bf Protanopia 1% of men
#9ba0cc Deuteranopia 1% of men
#4fb0bd Tritanopia 0.001% of the population

Trichromacy

#7fa4c0 Protanomaly 1% of men, 0.01% of women
#7ea3c9 Deuteranomaly 6% of men, 0.4% of women
#4eadbf Tritanomaly 0.01% of the population

#4caac4 hex color

#4caac4 Color Information

#4caac4 Color Conversion

Color Schemes with #4caac4

Alternatives to #4caac4

#4caac4 Preview

Shades and Tints of #4caac4

Tones of #4caac4

Color Blindness Simulator