#3caaae hex color

In a RGB color space, hex #3caaae is composed of 23.5% red, 66.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 2.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 182.1 degrees, a saturation of 48.7% and a lightness of 45.9%. #3caaae color hex could be obtained by blending #78ffff with #00555d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 24
- G 67
- B 68
RGB color chart
- C 66
- M 2
- Y 0
- K 32
CMYK color chart

● #3caaae color description : Dark moderate cyan.

The hexadecimal color #3caaae has RGB values of R:60, G:170, B:174 and CMYK values of C:0.66, M:0.02, Y:0, K:0.32. Its decimal value is 3975854.

Hex triplet	3caaae	`#3caaae`
RGB Decimal	60, 170, 174	`rgb(60,170,174)`
RGB Percent	23.5, 66.7, 68.2	`rgb(23.5%,66.7%,68.2%)`
CMYK	66, 2, 0, 32
HSL	182.1°, 48.7, 45.9	`hsl(182.1,48.7%,45.9%)`
HSV (or HSB)	182.1°, 65.5, 68.2
Web Safe	339999	`#339999`

CIE-LAB	63.969, -29.212, -11.216
XYZ	23.876, 32.764, 45.108
xyY	0.235, 0.322, 32.764
CIE-LCH	63.969, 31.291, 201.004
CIE-LUV	63.969, -42.462, -12.591
Hunter-Lab	57.24, -25.714, -6.656
Binary	00111100, 10101010, 10101110

#3caaae
```
#3caaae rgb(60,170,174)
```
#ae403c
```
#ae403c rgb(174,64,60)
```

Complementary Color

#3cae79
```
#3cae79 rgb(60,174,121)
```
#3caaae
```
#3caaae rgb(60,170,174)
```
#3c71ae
```
#3c71ae rgb(60,113,174)
```

Analogous Color

#ae793c
```
#ae793c rgb(174,121,60)
```
#3caaae
```
#3caaae rgb(60,170,174)
```
#ae3c71
```
#ae3c71 rgb(174,60,113)
```

Split Complementary Color

#aaae3c
```
#aaae3c rgb(170,174,60)
```
#3caaae
```
#3caaae rgb(60,170,174)
```
#ae3caa
```
#ae3caa rgb(174,60,170)
```

Triadic Color

#3cae40
```
#3cae40 rgb(60,174,64)
```
#3caaae
```
#3caaae rgb(60,170,174)
```
#ae3caa
```
#ae3caa rgb(174,60,170)
```
#ae403c
```
#ae403c rgb(174,64,60)
```

Tetradic Color

#287275
```
#287275 rgb(40,114,117)
```
#2f8588
```
#2f8588 rgb(47,133,136)
```
#35979b
```
#35979b rgb(53,151,155)
```
#3caaae
```
#3caaae rgb(60,170,174)
```
#45babf
```
#45babf rgb(69,186,191)
```
#58c1c5
```
#58c1c5 rgb(88,193,197)
```
#6bc8cc
```
#6bc8cc rgb(107,200,204)
```

Monochromatic Color

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

#3cae96
```
#3cae96 rgb(60,174,150)
```
#3cae9f
```
#3cae9f rgb(60,174,159)
```
#3caea9
```
#3caea9 rgb(60,174,169)
```
#3caaae
```
#3caaae rgb(60,170,174)
```
#3ca1ae
```
#3ca1ae rgb(60,161,174)
```
#3c97ae
```
#3c97ae rgb(60,151,174)
```
#3c8eae
```
#3c8eae rgb(60,142,174)
```

Similar Colors

Text with hexadecimal color #3caaae

This text has a font color of #3caaae.

<span style="color:#3caaae;">Text here</span>

#3caaae background color

This paragraph has a background color of #3caaae.

<p style="background-color:#3caaae;">Content here</p>

#3caaae border color

This element has a border color of #3caaae.

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

CSS codes

.text {color:#3caaae;}

.background {background-color:#3caaae;}

.border {border:1px solid #3caaae;}

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, #050d0e is the darkest color, while #feffff is the lightest one.

#050d0e
```
#050d0e rgb(5,13,14)
```
#0a1b1c
```
#0a1b1c rgb(10,27,28)
```
#0f2a2b
```
#0f2a2b rgb(15,42,43)
```
#143839
```
#143839 rgb(20,56,57)
```
#194648
```
#194648 rgb(25,70,72)
```
#1e5456
```
#1e5456 rgb(30,84,86)
```
#236365
```
#236365 rgb(35,99,101)
```
#287174
```
#287174 rgb(40,113,116)
```
#2d7f82
```
#2d7f82 rgb(45,127,130)
```
#328d91
```
#328d91 rgb(50,141,145)
```
#379c9f
```
#379c9f rgb(55,156,159)
```
#3caaae
```
#3caaae rgb(60,170,174)
```
#41b8bd
```
#41b8bd rgb(65,184,189)
```

Shade Color Variation

#4fbec2
```
#4fbec2 rgb(79,190,194)
```
#5ec4c7
```
#5ec4c7 rgb(94,196,199)
```
#6cc9cc
```
#6cc9cc rgb(108,201,204)
```
#7bced1
```
#7bced1 rgb(123,206,209)
```
#89d4d6
```
#89d4d6 rgb(137,212,214)
```
#98d9db
```
#98d9db rgb(152,217,219)
```
#a6dee0
```
#a6dee0 rgb(166,222,224)
```
#b5e4e5
```
#b5e4e5 rgb(181,228,229)
```
#c4e9eb
```
#c4e9eb rgb(196,233,235)
```
#d2eff0
```
#d2eff0 rgb(210,239,240)
```
#e1f4f5
```
#e1f4f5 rgb(225,244,245)
```
#eff9fa
```
#eff9fa rgb(239,249,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#727878
```
#727878 rgb(114,120,120)
```
#698081
```
#698081 rgb(105,128,129)
```
#60898a
```
#60898a rgb(96,137,138)
```
#579193
```
#579193 rgb(87,145,147)
```
#4e999c
```
#4e999c rgb(78,153,156)
```
#45a2a5
```
#45a2a5 rgb(69,162,165)
```
#3caaae
```
#3caaae rgb(60,170,174)
```
#33b2b7
```
#33b2b7 rgb(51,178,183)
```
#2abbc0
```
#2abbc0 rgb(42,187,192)
```
#21c3c9
```
#21c3c9 rgb(33,195,201)
```
#18cbd2
```
#18cbd2 rgb(24,203,210)
```
#0fd4db
```
#0fd4db rgb(15,212,219)
```
#06dce4
```
#06dce4 rgb(6,220,228)
```

Tone Color Variation

Below, you can see how #3caaae 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

#8a8a8a Achromatopsia 0.005% of the population
#7a9091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09fa9 Protanopia 1% of men
#a29cb8 Deuteranopia 1% of men
#4badb9 Tritanopia 0.001% of the population

Trichromacy

#7ba3ab Protanomaly 1% of men, 0.01% of women
#7da1b4 Deuteranomaly 6% of men, 0.4% of women
#45acb5 Tritanomaly 0.01% of the population

#3caaae hex color

#3caaae Color Information

#3caaae Color Conversion

Color Schemes with #3caaae

Alternatives to #3caaae

#3caaae Preview

Shades and Tints of #3caaae

Tones of #3caaae

Color Blindness Simulator