#3caacf hex color

In a RGB color space, hex #3caacf is composed of 23.5% red, 66.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 17.9% magenta, 0% yellow and 18.8% black. It has a hue angle of 195.1 degrees, a saturation of 60.5% and a lightness of 52.4%. #3caacf color hex could be obtained by blending #78ffff with #00559f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 67
- B 81
RGB color chart
- C 71
- M 18
- Y 0
- K 19
CMYK color chart

● #3caacf color description : Moderate blue.

The hexadecimal color #3caacf has RGB values of R:60, G:170, B:207 and CMYK values of C:0.71, M:0.18, Y:0, K:0.19. Its decimal value is 3975887.

Hex triplet	3caacf	`#3caacf`
RGB Decimal	60, 170, 207	`rgb(60,170,207)`
RGB Percent	23.5, 66.7, 81.2	`rgb(23.5%,66.7%,81.2%)`
CMYK	71, 18, 0, 19
HSL	195.1°, 60.5, 52.4	`hsl(195.1,60.5%,52.4%)`
HSV (or HSB)	195.1°, 71, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.131, -19.012, -27.812
XYZ	27.498, 34.213, 64.183
xyY	0.218, 0.272, 34.213
CIE-LCH	65.131, 33.689, 235.644
CIE-LUV	65.131, -40.5, -40.978
Hunter-Lab	58.492, -18.445, -24.114
Binary	00111100, 10101010, 11001111

#3caacf
```
#3caacf rgb(60,170,207)
```
#cf613c
```
#cf613c rgb(207,97,60)
```

Complementary Color

#3ccfab
```
#3ccfab rgb(60,207,171)
```
#3caacf
```
#3caacf rgb(60,170,207)
```
#3c61cf
```
#3c61cf rgb(60,97,207)
```

Analogous Color

#cfab3c
```
#cfab3c rgb(207,171,60)
```
#3caacf
```
#3caacf rgb(60,170,207)
```
#cf3c61
```
#cf3c61 rgb(207,60,97)
```

Split Complementary Color

#aacf3c
```
#aacf3c rgb(170,207,60)
```
#3caacf
```
#3caacf rgb(60,170,207)
```
#cf3caa
```
#cf3caa rgb(207,60,170)
```

Triadic Color

#3ccf61
```
#3ccf61 rgb(60,207,97)
```
#3caacf
```
#3caacf rgb(60,170,207)
```
#cf3caa
```
#cf3caa rgb(207,60,170)
```
#cf613c
```
#cf613c rgb(207,97,60)
```

Tetradic Color

#267c99
```
#267c99 rgb(38,124,153)
```
#2b8cad
```
#2b8cad rgb(43,140,173)
```
#309dc2
```
#309dc2 rgb(48,157,194)
```
#3caacf
```
#3caacf rgb(60,170,207)
```
#50b3d4
```
#50b3d4 rgb(80,179,212)
```
#65bcd9
```
#65bcd9 rgb(101,188,217)
```
#79c5de
```
#79c5de rgb(121,197,222)
```

Monochromatic Color

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

#3ccfcf
```
#3ccfcf rgb(60,207,207)
```
#3cc3cf
```
#3cc3cf rgb(60,195,207)
```
#3cb6cf
```
#3cb6cf rgb(60,182,207)
```
#3caacf
```
#3caacf rgb(60,170,207)
```
#3c9ecf
```
#3c9ecf rgb(60,158,207)
```
#3c92cf
```
#3c92cf rgb(60,146,207)
```
#3c85cf
```
#3c85cf rgb(60,133,207)
```

Similar Colors

Text with hexadecimal color #3caacf

This text has a font color of #3caacf.

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

#3caacf background color

This paragraph has a background color of #3caacf.

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

#3caacf border color

This element has a border color of #3caacf.

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

CSS codes

.text {color:#3caacf;}

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

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

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, #02080a is the darkest color, while #f9fcfd is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#061519
```
#061519 rgb(6,21,25)
```
#0a2129
```
#0a2129 rgb(10,33,41)
```
#0e2e39
```
#0e2e39 rgb(14,46,57)
```
#123b49
```
#123b49 rgb(18,59,73)
```
#164858
```
#164858 rgb(22,72,88)
```
#1a5468
```
#1a5468 rgb(26,84,104)
```
#1d6178
```
#1d6178 rgb(29,97,120)
```
#216e88
```
#216e88 rgb(33,110,136)
```
#257b97
```
#257b97 rgb(37,123,151)
```
#2987a7
```
#2987a7 rgb(41,135,167)
```
#2d94b7
```
#2d94b7 rgb(45,148,183)
```
#31a1c7
```
#31a1c7 rgb(49,161,199)
```

Shade Color Variation

#3caacf
```
#3caacf rgb(60,170,207)
```
#4cb1d3
```
#4cb1d3 rgb(76,177,211)
```
#5bb8d7
```
#5bb8d7 rgb(91,184,215)
```
#6bbfdb
```
#6bbfdb rgb(107,191,219)
```
#7bc5de
```
#7bc5de rgb(123,197,222)
```
#8bcce2
```
#8bcce2 rgb(139,204,226)
```
#9ad3e6
```
#9ad3e6 rgb(154,211,230)
```
#aadaea
```
#aadaea rgb(170,218,234)
```
#bae1ee
```
#bae1ee rgb(186,225,238)
```
#cae8f2
```
#cae8f2 rgb(202,232,242)
```
#d9eff6
```
#d9eff6 rgb(217,239,246)
```
#e9f5fa
```
#e9f5fa rgb(233,245,250)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8a8e is the less saturated color, while #0dc1fe is the most saturated one.

#7d8a8e
```
#7d8a8e rgb(125,138,142)
```
#748e97
```
#748e97 rgb(116,142,151)
```
#6b93a0
```
#6b93a0 rgb(107,147,160)
```
#6197aa
```
#6197aa rgb(97,151,170)
```
#589cb3
```
#589cb3 rgb(88,156,179)
```
#4fa1bc
```
#4fa1bc rgb(79,161,188)
```
#45a5c6
```
#45a5c6 rgb(69,165,198)
```
#3caacf
```
#3caacf rgb(60,170,207)
```
#33afd8
```
#33afd8 rgb(51,175,216)
```
#29b3e2
```
#29b3e2 rgb(41,179,226)
```
#20b8eb
```
#20b8eb rgb(32,184,235)
```
#17bdf4
```
#17bdf4 rgb(23,189,244)
```
#0dc1fe
```
#0dc1fe rgb(13,193,254)
```

Tone Color Variation

Below, you can see how #3caacf 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
#7d939a Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a1c9 Protanopia 1% of men
#93a1d6 Deuteranopia 1% of men
#35b1be Tritanopia 0.001% of the population

Trichromacy

#77a4cb Protanomaly 1% of men, 0.01% of women
#73a4d3 Deuteranomaly 6% of men, 0.4% of women
#37aec4 Tritanomaly 0.01% of the population

#3caacf hex color

#3caacf Color Information

#3caacf Color Conversion

Color Schemes with #3caacf

Alternatives to #3caacf

#3caacf Preview

Shades and Tints of #3caacf

Tones of #3caacf

Color Blindness Simulator