#3caaeb hex color

In a RGB color space, hex #3caaeb is composed of 23.5% red, 66.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 27.7% magenta, 0% yellow and 7.8% black. It has a hue angle of 202.3 degrees, a saturation of 81.4% and a lightness of 57.8%. #3caaeb color hex could be obtained by blending #78ffff with #0055d7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 24
- G 67
- B 92
RGB color chart
- C 74
- M 28
- Y 0
- K 8
CMYK color chart

● #3caaeb color description : Bright blue.

The hexadecimal color #3caaeb has RGB values of R:60, G:170, B:235 and CMYK values of C:0.74, M:0.28, Y:0, K:0.08. Its decimal value is 3975915.

Hex triplet	3caaeb	`#3caaeb`
RGB Decimal	60, 170, 235	`rgb(60,170,235)`
RGB Percent	23.5, 66.7, 92.2	`rgb(23.5%,66.7%,92.2%)`
CMYK	74, 28, 0, 8
HSL	202.3°, 81.4, 57.8	`hsl(202.3,81.4%,57.8%)`
HSV (or HSB)	202.3°, 74.5, 92.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.294, -9.695, -41.425
XYZ	31.23, 35.706, 83.839
xyY	0.207, 0.237, 35.706
CIE-LCH	66.294, 42.545, 256.828
CIE-LUV	66.294, -38.944, -65.193
Hunter-Lab	59.754, -11.279, -41.359
Binary	00111100, 10101010, 11101011

#3caaeb
```
#3caaeb rgb(60,170,235)
```
#eb7d3c
```
#eb7d3c rgb(235,125,60)
```

Complementary Color

#3cebd5
```
#3cebd5 rgb(60,235,213)
```
#3caaeb
```
#3caaeb rgb(60,170,235)
```
#3c53eb
```
#3c53eb rgb(60,83,235)
```

Analogous Color

#ebd53c
```
#ebd53c rgb(235,213,60)
```
#3caaeb
```
#3caaeb rgb(60,170,235)
```
#eb3c53
```
#eb3c53 rgb(235,60,83)
```

Split Complementary Color

#aaeb3c
```
#aaeb3c rgb(170,235,60)
```
#3caaeb
```
#3caaeb rgb(60,170,235)
```
#eb3caa
```
#eb3caa rgb(235,60,170)
```

Triadic Color

#3ceb7d
```
#3ceb7d rgb(60,235,125)
```
#3caaeb
```
#3caaeb rgb(60,170,235)
```
#eb3caa
```
#eb3caa rgb(235,60,170)
```
#eb7d3c
```
#eb7d3c rgb(235,125,60)
```

Tetradic Color

#1484c6
```
#1484c6 rgb(20,132,198)
```
#1794dd
```
#1794dd rgb(23,148,221)
```
#25a0e9
```
#25a0e9 rgb(37,160,233)
```
#3caaeb
```
#3caaeb rgb(60,170,235)
```
#53b4ed
```
#53b4ed rgb(83,180,237)
```
#6abef0
```
#6abef0 rgb(106,190,240)
```
#81c8f2
```
#81c8f2 rgb(129,200,242)
```

Monochromatic Color

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

#3cd6eb
```
#3cd6eb rgb(60,214,235)
```
#3cc7eb
```
#3cc7eb rgb(60,199,235)
```
#3cb9eb
```
#3cb9eb rgb(60,185,235)
```
#3caaeb
```
#3caaeb rgb(60,170,235)
```
#3c9beb
```
#3c9beb rgb(60,155,235)
```
#3c8deb
```
#3c8deb rgb(60,141,235)
```
#3c7eeb
```
#3c7eeb rgb(60,126,235)
```

Similar Colors

Text with hexadecimal color #3caaeb

This text has a font color of #3caaeb.

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

#3caaeb background color

This paragraph has a background color of #3caaeb.

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

#3caaeb border color

This element has a border color of #3caaeb.

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

CSS codes

.text {color:#3caaeb;}

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

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

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, #000001 is the darkest color, while #eef8fd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#020c12
```
#020c12 rgb(2,12,18)
```
#041824
```
#041824 rgb(4,24,36)
```
#062436
```
#062436 rgb(6,36,54)
```
#073048
```
#073048 rgb(7,48,72)
```
#093c5a
```
#093c5a rgb(9,60,90)
```
#0b486b
```
#0b486b rgb(11,72,107)
```
#0d537d
```
#0d537d rgb(13,83,125)
```
#0f5f8f
```
#0f5f8f rgb(15,95,143)
```
#106ba1
```
#106ba1 rgb(16,107,161)
```
#1277b3
```
#1277b3 rgb(18,119,179)
```
#1483c4
```
#1483c4 rgb(20,131,196)
```
#168fd6
```
#168fd6 rgb(22,143,214)
```

Shade Color Variation

#189ae7
```
#189ae7 rgb(24,154,231)
```
#2aa2e9
```
#2aa2e9 rgb(42,162,233)
```
#3caaeb
```
#3caaeb rgb(60,170,235)
```
#4eb2ed
```
#4eb2ed rgb(78,178,237)
```
#60baef
```
#60baef rgb(96,186,239)
```
#71c1f0
```
#71c1f0 rgb(113,193,240)
```
#83c9f2
```
#83c9f2 rgb(131,201,242)
```
#95d1f4
```
#95d1f4 rgb(149,209,244)
```
#a7d9f6
```
#a7d9f6 rgb(167,217,246)
```
#b9e0f8
```
#b9e0f8 rgb(185,224,248)
```
#cae8fa
```
#cae8fa rgb(202,232,250)
```
#dcf0fb
```
#dcf0fb rgb(220,240,251)
```
#eef8fd
```
#eef8fd rgb(238,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9598 is the less saturated color, while #2baefc is the most saturated one.

#8f9598
```
#8f9598 rgb(143,149,152)
```
#8697a1
```
#8697a1 rgb(134,151,161)
```
#7e99a9
```
#7e99a9 rgb(126,153,169)
```
#769bb1
```
#769bb1 rgb(118,155,177)
```
#6e9db9
```
#6e9db9 rgb(110,157,185)
```
#659fc2
```
#659fc2 rgb(101,159,194)
```
#5da1ca
```
#5da1ca rgb(93,161,202)
```
#55a4d2
```
#55a4d2 rgb(85,164,210)
```
#4da6da
```
#4da6da rgb(77,166,218)
```
#44a8e3
```
#44a8e3 rgb(68,168,227)
```
#3caaeb
```
#3caaeb rgb(60,170,235)
```
#34acf3
```
#34acf3 rgb(52,172,243)
```
#2baefc
```
#2baefc rgb(43,174,252)
```

Tone Color Variation

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

Dichromacy

#90a3e4 Protanopia 1% of men
#81a5ef Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#71a6e6 Protanomaly 1% of men, 0.01% of women
#68a7ee Deuteranomaly 6% of men, 0.4% of women
#15b1d1 Tritanomaly 0.01% of the population

#3caaeb hex color

#3caaeb Color Information

#3caaeb Color Conversion

Color Schemes with #3caaeb

Alternatives to #3caaeb

#3caaeb Preview

Shades and Tints of #3caaeb

Tones of #3caaeb

Color Blindness Simulator