#3caabf hex color

In a RGB color space, hex #3caabf is composed of 23.5% red, 66.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 11% magenta, 0% yellow and 25.1% black. It has a hue angle of 189.6 degrees, a saturation of 52.2% and a lightness of 49.2%. #3caabf color hex could be obtained by blending #78ffff with #00557f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 67
- B 75
RGB color chart
- C 69
- M 11
- Y 0
- K 25
CMYK color chart

● #3caabf color description : Moderate cyan.

The hexadecimal color #3caabf has RGB values of R:60, G:170, B:191 and CMYK values of C:0.69, M:0.11, Y:0, K:0.25. Its decimal value is 3975871.

Hex triplet	3caabf	`#3caabf`
RGB Decimal	60, 170, 191	`rgb(60,170,191)`
RGB Percent	23.5, 66.7, 74.9	`rgb(23.5%,66.7%,74.9%)`
CMYK	69, 11, 0, 25
HSL	189.6°, 52.2, 49.2	`hsl(189.6,52.2%,49.2%)`
HSV (or HSB)	189.6°, 68.6, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.539, -24.084, -19.835
XYZ	25.64, 33.47, 54.396
xyY	0.226, 0.295, 33.47
CIE-LCH	64.539, 31.201, 219.475
CIE-LUV	64.539, -41.441, -27.124
Hunter-Lab	57.853, -22.134, -15.251
Binary	00111100, 10101010, 10111111

#3caabf
```
#3caabf rgb(60,170,191)
```
#bf513c
```
#bf513c rgb(191,81,60)
```

Complementary Color

#3cbf93
```
#3cbf93 rgb(60,191,147)
```
#3caabf
```
#3caabf rgb(60,170,191)
```
#3c69bf
```
#3c69bf rgb(60,105,191)
```

Analogous Color

#bf933c
```
#bf933c rgb(191,147,60)
```
#3caabf
```
#3caabf rgb(60,170,191)
```
#bf3c69
```
#bf3c69 rgb(191,60,105)
```

Split Complementary Color

#aabf3c
```
#aabf3c rgb(170,191,60)
```
#3caabf
```
#3caabf rgb(60,170,191)
```
#bf3caa
```
#bf3caa rgb(191,60,170)
```

Triadic Color

#3cbf51
```
#3cbf51 rgb(60,191,81)
```
#3caabf
```
#3caabf rgb(60,170,191)
```
#bf3caa
```
#bf3caa rgb(191,60,170)
```
#bf513c
```
#bf513c rgb(191,81,60)
```

Tetradic Color

#2a7685
```
#2a7685 rgb(42,118,133)
```
#308798
```
#308798 rgb(48,135,152)
```
#3699ac
```
#3699ac rgb(54,153,172)
```
#3caabf
```
#3caabf rgb(60,170,191)
```
#4db4c7
```
#4db4c7 rgb(77,180,199)
```
#61bccd
```
#61bccd rgb(97,188,205)
```
#74c4d3
```
#74c4d3 rgb(116,196,211)
```

Monochromatic Color

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

#3cbfb3
```
#3cbfb3 rgb(60,191,179)
```
#3cbfbe
```
#3cbfbe rgb(60,191,190)
```
#3cb5bf
```
#3cb5bf rgb(60,181,191)
```
#3caabf
```
#3caabf rgb(60,170,191)
```
#3c9fbf
```
#3c9fbf rgb(60,159,191)
```
#3c94bf
```
#3c94bf rgb(60,148,191)
```
#3c89bf
```
#3c89bf rgb(60,137,191)
```

Similar Colors

Text with hexadecimal color #3caabf

This text has a font color of #3caabf.

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

#3caabf background color

This paragraph has a background color of #3caabf.

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

#3caabf border color

This element has a border color of #3caabf.

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

CSS codes

.text {color:#3caabf;}

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

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

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

#040b0c
```
#040b0c rgb(4,11,12)
```
#08181b
```
#08181b rgb(8,24,27)
```
#0d252a
```
#0d252a rgb(13,37,42)
```
#123239
```
#123239 rgb(18,50,57)
```
#164048
```
#164048 rgb(22,64,72)
```
#1b4d57
```
#1b4d57 rgb(27,77,87)
```
#205a65
```
#205a65 rgb(32,90,101)
```
#256874
```
#256874 rgb(37,104,116)
```
#297583
```
#297583 rgb(41,117,131)
```
#2e8292
```
#2e8292 rgb(46,130,146)
```
#338fa1
```
#338fa1 rgb(51,143,161)
```
#379db0
```
#379db0 rgb(55,157,176)
```
#3caabf
```
#3caabf rgb(60,170,191)
```

Shade Color Variation

#49b2c6
```
#49b2c6 rgb(73,178,198)
```
#58b8ca
```
#58b8ca rgb(88,184,202)
```
#67becf
```
#67becf rgb(103,190,207)
```
#76c5d4
```
#76c5d4 rgb(118,197,212)
```
#85cbd9
```
#85cbd9 rgb(133,203,217)
```
#93d1dd
```
#93d1dd rgb(147,209,221)
```
#a2d8e2
```
#a2d8e2 rgb(162,216,226)
```
#b1dee7
```
#b1dee7 rgb(177,222,231)
```
#c0e4eb
```
#c0e4eb rgb(192,228,235)
```
#cfebf0
```
#cfebf0 rgb(207,235,240)
```
#def1f5
```
#def1f5 rgb(222,241,245)
```
#edf7f9
```
#edf7f9 rgb(237,247,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#768385
```
#768385 rgb(118,131,133)
```
#6c898f
```
#6c898f rgb(108,137,143)
```
#639098
```
#639098 rgb(99,144,152)
```
#5996a2
```
#5996a2 rgb(89,150,162)
```
#4f9dac
```
#4f9dac rgb(79,157,172)
```
#46a3b5
```
#46a3b5 rgb(70,163,181)
```
#3caabf
```
#3caabf rgb(60,170,191)
```
#32b1c9
```
#32b1c9 rgb(50,177,201)
```
#29b7d2
```
#29b7d2 rgb(41,183,210)
```
#1fbedc
```
#1fbedc rgb(31,190,220)
```
#15c4e6
```
#15c4e6 rgb(21,196,230)
```
#0ccbef
```
#0ccbef rgb(12,203,239)
```
#02d1f9
```
#02d1f9 rgb(2,209,249)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7c9296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca0b9 Protanopia 1% of men
#9b9ec8 Deuteranopia 1% of men
#41afbc Tritanopia 0.001% of the population

Trichromacy

#79a3bb Protanomaly 1% of men, 0.01% of women
#78a2c4 Deuteranomaly 6% of men, 0.4% of women
#3fadbd Tritanomaly 0.01% of the population

#3caabf hex color

#3caabf Color Information

#3caabf Color Conversion

Color Schemes with #3caabf

Alternatives to #3caabf

#3caabf Preview

Shades and Tints of #3caabf

Tones of #3caabf

Color Blindness Simulator