#4caefc hex color

In a RGB color space, hex #4caefc is composed of 29.8% red, 68.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 31% magenta, 0% yellow and 1.2% black. It has a hue angle of 206.6 degrees, a saturation of 96.7% and a lightness of 64.3%. #4caefc color hex could be obtained by blending #98ffff with #005df9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 30
- G 68
- B 99
RGB color chart
- C 70
- M 31
- Y 0
- K 1
CMYK color chart

● #4caefc color description : Soft blue.

The hexadecimal color #4caefc has RGB values of R:76, G:174, B:252 and CMYK values of C:0.7, M:0.31, Y:0, K:0.01. Its decimal value is 5025532.

Hex triplet	4caefc	`#4caefc`
RGB Decimal	76, 174, 252	`rgb(76,174,252)`
RGB Percent	29.8, 68.2, 98.8	`rgb(29.8%,68.2%,98.8%)`
CMYK	70, 31, 0, 1
HSL	206.6°, 96.7, 64.3	`hsl(206.6,96.7%,64.3%)`
HSV (or HSB)	206.6°, 69.8, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.631, -4.09, -46.992
XYZ	35.683, 38.834, 97.705
xyY	0.207, 0.225, 38.834
CIE-LCH	68.631, 47.17, 265.026
CIE-LUV	68.631, -36.774, -75.672
Hunter-Lab	62.317, -6.845, -49.337
Binary	01001100, 10101110, 11111100

#4caefc
```
#4caefc rgb(76,174,252)
```
#fc9a4c
```
#fc9a4c rgb(252,154,76)
```

Complementary Color

#4cfcf2
```
#4cfcf2 rgb(76,252,242)
```
#4caefc
```
#4caefc rgb(76,174,252)
```
#4c56fc
```
#4c56fc rgb(76,86,252)
```

Analogous Color

#fcf24c
```
#fcf24c rgb(252,242,76)
```
#4caefc
```
#4caefc rgb(76,174,252)
```
#fc4c56
```
#fc4c56 rgb(252,76,86)
```

Split Complementary Color

#aefc4c
```
#aefc4c rgb(174,252,76)
```
#4caefc
```
#4caefc rgb(76,174,252)
```
#fc4cae
```
#fc4cae rgb(252,76,174)
```

Triadic Color

#4cfc9a
```
#4cfc9a rgb(76,252,154)
```
#4caefc
```
#4caefc rgb(76,174,252)
```
#fc4cae
```
#fc4cae rgb(252,76,174)
```
#fc9a4c
```
#fc9a4c rgb(252,154,76)
```

Tetradic Color

#048cf7
```
#048cf7 rgb(4,140,247)
```
#1a97fb
```
#1a97fb rgb(26,151,251)
```
#33a3fc
```
#33a3fc rgb(51,163,252)
```
#4caefc
```
#4caefc rgb(76,174,252)
```
#65b9fc
```
#65b9fc rgb(101,185,252)
```
#7ec5fd
```
#7ec5fd rgb(126,197,253)
```
#97d0fd
```
#97d0fd rgb(151,208,253)
```

Monochromatic Color

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

#4cdafc
```
#4cdafc rgb(76,218,252)
```
#4ccbfc
```
#4ccbfc rgb(76,203,252)
```
#4cbdfc
```
#4cbdfc rgb(76,189,252)
```
#4caefc
```
#4caefc rgb(76,174,252)
```
#4c9ffc
```
#4c9ffc rgb(76,159,252)
```
#4c91fc
```
#4c91fc rgb(76,145,252)
```
#4c82fc
```
#4c82fc rgb(76,130,252)
```

Similar Colors

Text with hexadecimal color #4caefc

This text has a font color of #4caefc.

<span style="color:#4caefc;">Text here</span>

#4caefc background color

This paragraph has a background color of #4caefc.

<p style="background-color:#4caefc;">Content here</p>

#4caefc border color

This element has a border color of #4caefc.

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

CSS codes

.text {color:#4caefc;}

.background {background-color:#4caefc;}

.border {border:1px solid #4caefc;}

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, #00080e is the darkest color, while #fafdff is the lightest one.

#00080e
```
#00080e rgb(0,8,14)
```
#011321
```
#011321 rgb(1,19,33)
```
#011e35
```
#011e35 rgb(1,30,53)
```
#012948
```
#012948 rgb(1,41,72)
```
#02335b
```
#02335b rgb(2,51,91)
```
#023e6e
```
#023e6e rgb(2,62,110)
```
#024982
```
#024982 rgb(2,73,130)
```
#025495
```
#025495 rgb(2,84,149)
```
#035fa8
```
#035fa8 rgb(3,95,168)
```
#036abc
```
#036abc rgb(3,106,188)
```
#0375cf
```
#0375cf rgb(3,117,207)
```
#0480e2
```
#0480e2 rgb(4,128,226)
```
#048af5
```
#048af5 rgb(4,138,245)
```

Shade Color Variation

#1294fb
```
#1294fb rgb(18,148,251)
```
#259dfb
```
#259dfb rgb(37,157,251)
```
#39a5fc
```
#39a5fc rgb(57,165,252)
```
#4caefc
```
#4caefc rgb(76,174,252)
```
#5fb7fc
```
#5fb7fc rgb(95,183,252)
```
#73bffd
```
#73bffd rgb(115,191,253)
```
#86c8fd
```
#86c8fd rgb(134,200,253)
```
#99d1fd
```
#99d1fd rgb(153,209,253)
```
#acdafe
```
#acdafe rgb(172,218,254)
```
#c0e2fe
```
#c0e2fe rgb(192,226,254)
```
#d3ebfe
```
#d3ebfe rgb(211,235,254)
```
#e6f4ff
```
#e6f4ff rgb(230,244,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#a0a4a8
```
#a0a4a8 rgb(160,164,168)
```
#99a5af
```
#99a5af rgb(153,165,175)
```
#92a6b6
```
#92a6b6 rgb(146,166,182)
```
#8ba7bd
```
#8ba7bd rgb(139,167,189)
```
#84a8c4
```
#84a8c4 rgb(132,168,196)
```
#7da8cb
```
#7da8cb rgb(125,168,203)
```
#76a9d2
```
#76a9d2 rgb(118,169,210)
```
#6faad9
```
#6faad9 rgb(111,170,217)
```
#68abe0
```
#68abe0 rgb(104,171,224)
```
#61ace7
```
#61ace7 rgb(97,172,231)
```
#5aacee
```
#5aacee rgb(90,172,238)
```
#53adf5
```
#53adf5 rgb(83,173,245)
```
#4caefc
```
#4caefc rgb(76,174,252)
```

Tone Color Variation

Below, you can see how #4caefc 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

#9a9a9a Achromatopsia 0.005% of the population
#8a9eae Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a9f5 Protanopia 1% of men
#7eabfe Deuteranopia 1% of men
#13bcca Tritanopia 0.001% of the population

Trichromacy

#77abf7 Protanomaly 1% of men, 0.01% of women
#6bacfd Deuteranomaly 6% of men, 0.4% of women
#28b7dc Tritanomaly 0.01% of the population

#4caefc hex color

#4caefc Color Information

#4caefc Color Conversion

Color Schemes with #4caefc

Alternatives to #4caefc

#4caefc Preview

Shades and Tints of #4caefc

Tones of #4caefc

Color Blindness Simulator