#3caaaa hex color

In a RGB color space, hex #3caaaa is composed of 23.5% red, 66.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 0% magenta, 0% yellow and 33.3% black. It has a hue angle of 180 degrees, a saturation of 47.8% and a lightness of 45.1%. #3caaaa color hex could be obtained by blending #78ffff with #005555. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 24
- G 67
- B 67
RGB color chart
- C 65
- M 0
- Y 0
- K 33
CMYK color chart

● #3caaaa color description : Dark moderate cyan.

The hexadecimal color #3caaaa has RGB values of R:60, G:170, B:170 and CMYK values of C:0.65, M:0, Y:0, K:0.33. Its decimal value is 3975850.

Hex triplet	3caaaa	`#3caaaa`
RGB Decimal	60, 170, 170	`rgb(60,170,170)`
RGB Percent	23.5, 66.7, 66.7	`rgb(23.5%,66.7%,66.7%)`
CMYK	65, 0, 0, 33
HSL	180°, 47.8, 45.1	`hsl(180,47.8%,45.1%)`
HSV (or HSB)	180°, 64.7, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.844, -30.373, -9.168
XYZ	23.492, 32.61, 43.084
xyY	0.237, 0.329, 32.61
CIE-LCH	63.844, 31.727, 196.796
CIE-LUV	63.844, -42.703, -9.222
Hunter-Lab	57.105, -26.504, -4.759
Binary	00111100, 10101010, 10101010

#3caaaa
```
#3caaaa rgb(60,170,170)
```
#aa3c3c
```
#aa3c3c rgb(170,60,60)
```

Complementary Color

#3caa73
```
#3caa73 rgb(60,170,115)
```
#3caaaa
```
#3caaaa rgb(60,170,170)
```
#3c73aa
```
#3c73aa rgb(60,115,170)
```

Analogous Color

#aa733c
```
#aa733c rgb(170,115,60)
```
#3caaaa
```
#3caaaa rgb(60,170,170)
```
#aa3c73
```
#aa3c73 rgb(170,60,115)
```

Split Complementary Color

#aaaa3c
```
#aaaa3c rgb(170,170,60)
```
#3caaaa
```
#3caaaa rgb(60,170,170)
```
#aa3caa
```
#aa3caa rgb(170,60,170)
```

Triadic Color

#3caa3c
```
#3caa3c rgb(60,170,60)
```
#3caaaa
```
#3caaaa rgb(60,170,170)
```
#aa3caa
```
#aa3caa rgb(170,60,170)
```
#aa3c3c
```
#aa3c3c rgb(170,60,60)
```

Tetradic Color

#287171
```
#287171 rgb(40,113,113)
```
#2f8484
```
#2f8484 rgb(47,132,132)
```
#359797
```
#359797 rgb(53,151,151)
```
#3caaaa
```
#3caaaa rgb(60,170,170)
```
#43bdbd
```
#43bdbd rgb(67,189,189)
```
#56c3c3
```
#56c3c3 rgb(86,195,195)
```
#69caca
```
#69caca rgb(105,202,202)
```

Monochromatic Color

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

#3caa8f
```
#3caa8f rgb(60,170,143)
```
#3caa98
```
#3caa98 rgb(60,170,152)
```
#3caaa1
```
#3caaa1 rgb(60,170,161)
```
#3caaaa
```
#3caaaa rgb(60,170,170)
```
#3ca1aa
```
#3ca1aa rgb(60,161,170)
```
#3c98aa
```
#3c98aa rgb(60,152,170)
```
#3c8faa
```
#3c8faa rgb(60,143,170)
```

Similar Colors

Text with hexadecimal color #3caaaa

This text has a font color of #3caaaa.

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

#3caaaa background color

This paragraph has a background color of #3caaaa.

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

#3caaaa border color

This element has a border color of #3caaaa.

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

CSS codes

.text {color:#3caaaa;}

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

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

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

#040b0b
```
#040b0b rgb(4,11,11)
```
#091919
```
#091919 rgb(9,25,25)
```
#0e2828
```
#0e2828 rgb(14,40,40)
```
#133636
```
#133636 rgb(19,54,54)
```
#184545
```
#184545 rgb(24,69,69)
```
#1d5353
```
#1d5353 rgb(29,83,83)
```
#226262
```
#226262 rgb(34,98,98)
```
#287070
```
#287070 rgb(40,112,112)
```
#2d7f7f
```
#2d7f7f rgb(45,127,127)
```
#328d8d
```
#328d8d rgb(50,141,141)
```
#379c9c
```
#379c9c rgb(55,156,156)
```
#3caaaa
```
#3caaaa rgb(60,170,170)
```
#41b8b8
```
#41b8b8 rgb(65,184,184)
```

Shade Color Variation

#4dc0c0
```
#4dc0c0 rgb(77,192,192)
```
#5cc5c5
```
#5cc5c5 rgb(92,197,197)
```
#6acaca
```
#6acaca rgb(106,202,202)
```
#79d0d0
```
#79d0d0 rgb(121,208,208)
```
#87d5d5
```
#87d5d5 rgb(135,213,213)
```
#96dada
```
#96dada rgb(150,218,218)
```
#a4dfdf
```
#a4dfdf rgb(164,223,223)
```
#b3e4e4
```
#b3e4e4 rgb(179,228,228)
```
#c1e9e9
```
#c1e9e9 rgb(193,233,233)
```
#d0eeee
```
#d0eeee rgb(208,238,238)
```
#def3f3
```
#def3f3 rgb(222,243,243)
```
#edf8f8
```
#edf8f8 rgb(237,248,248)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#717575
```
#717575 rgb(113,117,117)
```
#687e7e
```
#687e7e rgb(104,126,126)
```
#5f8787
```
#5f8787 rgb(95,135,135)
```
#578f8f
```
#578f8f rgb(87,143,143)
```
#4e9898
```
#4e9898 rgb(78,152,152)
```
#45a1a1
```
#45a1a1 rgb(69,161,161)
```
#3caaaa
```
#3caaaa rgb(60,170,170)
```
#33b3b3
```
#33b3b3 rgb(51,179,179)
```
#2abcbc
```
#2abcbc rgb(42,188,188)
```
#21c5c5
```
#21c5c5 rgb(33,197,197)
```
#19cdcd
```
#19cdcd rgb(25,205,205)
```
#10d6d6
```
#10d6d6 rgb(16,214,214)
```
#07dfdf
```
#07dfdf rgb(7,223,223)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7a9090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09ea5 Protanopia 1% of men
#a49cb5 Deuteranopia 1% of men
#4cacb9 Tritanopia 0.001% of the population

Trichromacy

#7ca2a7 Protanomaly 1% of men, 0.01% of women
#7ea1b1 Deuteranomaly 6% of men, 0.4% of women
#46abb3 Tritanomaly 0.01% of the population

#3caaaa hex color

#3caaaa Color Information

#3caaaa Color Conversion

Color Schemes with #3caaaa

Alternatives to #3caaaa

#3caaaa Preview

Shades and Tints of #3caaaa

Tones of #3caaaa

Color Blindness Simulator