#3caefe hex color

In a RGB color space, hex #3caefe is composed of 23.5% red, 68.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 31.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 204.7 degrees, a saturation of 99% and a lightness of 61.6%. #3caefe color hex could be obtained by blending #78ffff with #005dfd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 24
- G 68
- B 100
RGB color chart
- C 76
- M 31
- Y 0
- K 0
CMYK color chart

● #3caefe color description : Bright blue.

The hexadecimal color #3caefe has RGB values of R:60, G:174, B:254 and CMYK values of C:0.76, M:0.31, Y:0, K:0. Its decimal value is 3976958.

Hex triplet	3caefe	`#3caefe`
RGB Decimal	60, 174, 254	`rgb(60,174,254)`
RGB Percent	23.5, 68.2, 99.6	`rgb(23.5%,68.2%,99.6%)`
CMYK	76, 31, 0, 0
HSL	204.7°, 99, 61.6	`hsl(204.7,99%,61.6%)`
HSV (or HSB)	204.7°, 76.4, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.304, -5.391, -48.62
XYZ	34.885, 38.386, 99.331
xyY	0.202, 0.222, 38.386
CIE-LCH	68.304, 48.918, 263.673
CIE-LUV	68.304, -39.314, -78.264
Hunter-Lab	61.956, -7.918, -51.687
Binary	00111100, 10101110, 11111110

#3caefe
```
#3caefe rgb(60,174,254)
```
#fe8c3c
```
#fe8c3c rgb(254,140,60)
```

Complementary Color

#3cfeed
```
#3cfeed rgb(60,254,237)
```
#3caefe
```
#3caefe rgb(60,174,254)
```
#3c4dfe
```
#3c4dfe rgb(60,77,254)
```

Analogous Color

#feed3c
```
#feed3c rgb(254,237,60)
```
#3caefe
```
#3caefe rgb(60,174,254)
```
#fe3c4d
```
#fe3c4d rgb(254,60,77)
```

Split Complementary Color

#aefe3c
```
#aefe3c rgb(174,254,60)
```
#3caefe
```
#3caefe rgb(60,174,254)
```
#fe3cae
```
#fe3cae rgb(254,60,174)
```

Triadic Color

#3cfe8c
```
#3cfe8c rgb(60,254,140)
```
#3caefe
```
#3caefe rgb(60,174,254)
```
#fe3cae
```
#fe3cae rgb(254,60,174)
```
#fe8c3c
```
#fe8c3c rgb(254,140,60)
```

Tetradic Color

#018bec
```
#018bec rgb(1,139,236)
```
#0999fe
```
#0999fe rgb(9,153,254)
```
#23a3fe
```
#23a3fe rgb(35,163,254)
```
#3caefe
```
#3caefe rgb(60,174,254)
```
#55b9fe
```
#55b9fe rgb(85,185,254)
```
#6fc3fe
```
#6fc3fe rgb(111,195,254)
```
#88cefe
```
#88cefe rgb(136,206,254)
```

Monochromatic Color

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

#3cdffe
```
#3cdffe rgb(60,223,254)
```
#3ccefe
```
#3ccefe rgb(60,206,254)
```
#3cbefe
```
#3cbefe rgb(60,190,254)
```
#3caefe
```
#3caefe rgb(60,174,254)
```
#3c9efe
```
#3c9efe rgb(60,158,254)
```
#3c8efe
```
#3c8efe rgb(60,142,254)
```
#3c7efe
```
#3c7efe rgb(60,126,254)
```

Similar Colors

Text with hexadecimal color #3caefe

This text has a font color of #3caefe.

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

#3caefe background color

This paragraph has a background color of #3caefe.

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

#3caefe border color

This element has a border color of #3caefe.

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

CSS codes

.text {color:#3caefe;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000c14
```
#000c14 rgb(0,12,20)
```
#001727
```
#001727 rgb(0,23,39)
```
#00233b
```
#00233b rgb(0,35,59)
```
#002e4e
```
#002e4e rgb(0,46,78)
```
#013a62
```
#013a62 rgb(1,58,98)
```
#014575
```
#014575 rgb(1,69,117)
```
#015189
```
#015189 rgb(1,81,137)
```
#015c9c
```
#015c9c rgb(1,92,156)
```
#0168b0
```
#0168b0 rgb(1,104,176)
```
#0173c3
```
#0173c3 rgb(1,115,195)
```
#017fd7
```
#017fd7 rgb(1,127,215)
```
#018aea
```
#018aea rgb(1,138,234)
```

Shade Color Variation

#0196fe
```
#0196fe rgb(1,150,254)
```
#159efe
```
#159efe rgb(21,158,254)
```
#28a6fe
```
#28a6fe rgb(40,166,254)
```
#3caefe
```
#3caefe rgb(60,174,254)
```
#50b6fe
```
#50b6fe rgb(80,182,254)
```
#63befe
```
#63befe rgb(99,190,254)
```
#77c6fe
```
#77c6fe rgb(119,198,254)
```
#8acefe
```
#8acefe rgb(138,206,254)
```
#9ed7ff
```
#9ed7ff rgb(158,215,255)
```
#b1dfff
```
#b1dfff rgb(177,223,255)
```
#c5e7ff
```
#c5e7ff rgb(197,231,255)
```
#d8efff
```
#d8efff rgb(216,239,255)
```
#ecf7ff
```
#ecf7ff rgb(236,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969ea4 is the less saturated color, while #3caefe is the most saturated one.

#969ea4
```
#969ea4 rgb(150,158,164)
```
#8f9fab
```
#8f9fab rgb(143,159,171)
```
#87a1b3
```
#87a1b3 rgb(135,161,179)
```
#80a2ba
```
#80a2ba rgb(128,162,186)
```
#78a3c2
```
#78a3c2 rgb(120,163,194)
```
#71a5c9
```
#71a5c9 rgb(113,165,201)
```
#69a6d1
```
#69a6d1 rgb(105,166,209)
```
#62a7d8
```
#62a7d8 rgb(98,167,216)
```
#5aa9e0
```
#5aa9e0 rgb(90,169,224)
```
#53aae7
```
#53aae7 rgb(83,170,231)
```
#4babef
```
#4babef rgb(75,171,239)
```
#44adf6
```
#44adf6 rgb(68,173,246)
```
#3caefe
```
#3caefe rgb(60,174,254)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#839aaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea8f6 Protanopia 1% of men
#7aabff Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#70aaf9 Protanomaly 1% of men, 0.01% of women
#64acfe Deuteranomaly 6% of men, 0.4% of women
#15b6dc Tritanomaly 0.01% of the population

#3caefe hex color

#3caefe Color Information

#3caefe Color Conversion

Color Schemes with #3caefe

Alternatives to #3caefe

#3caefe Preview

Shades and Tints of #3caefe

Tones of #3caefe

Color Blindness Simulator