#4caefb hex color

In a RGB color space, hex #4caefb is composed of 29.8% red, 68.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 30.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 206.4 degrees, a saturation of 95.6% and a lightness of 64.1%. #4caefb color hex could be obtained by blending #98ffff with #005df7. Closest websafe color is: #3399ff.

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

● #4caefb color description : Soft blue.

The hexadecimal color #4caefb has RGB values of R:76, G:174, B:251 and CMYK values of C:0.7, M:0.31, Y:0, K:0.02. Its decimal value is 5025531.

Hex triplet	4caefb	`#4caefb`
RGB Decimal	76, 174, 251	`rgb(76,174,251)`
RGB Percent	29.8, 68.2, 98.4	`rgb(29.8%,68.2%,98.4%)`
CMYK	70, 31, 0, 2
HSL	206.4°, 95.6, 64.1	`hsl(206.4,95.6%,64.1%)`
HSV (or HSB)	206.4°, 69.7, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.585, -4.425, -46.522
XYZ	35.525, 38.771, 96.873
xyY	0.208, 0.227, 38.771
CIE-LCH	68.585, 46.732, 264.566
CIE-LUV	68.585, -36.816, -74.823
Hunter-Lab	62.266, -7.126, -48.656
Binary	01001100, 10101110, 11111011

#4caefb
```
#4caefb rgb(76,174,251)
```
#fb994c
```
#fb994c rgb(251,153,76)
```

Complementary Color

#4cfbf1
```
#4cfbf1 rgb(76,251,241)
```
#4caefb
```
#4caefb rgb(76,174,251)
```
#4c56fb
```
#4c56fb rgb(76,86,251)
```

Analogous Color

#fbf14c
```
#fbf14c rgb(251,241,76)
```
#4caefb
```
#4caefb rgb(76,174,251)
```
#fb4c57
```
#fb4c57 rgb(251,76,87)
```

Split Complementary Color

#aefb4c
```
#aefb4c rgb(174,251,76)
```
#4caefb
```
#4caefb rgb(76,174,251)
```
#fb4cae
```
#fb4cae rgb(251,76,174)
```

Triadic Color

#4cfb99
```
#4cfb99 rgb(76,251,153)
```
#4caefb
```
#4caefb rgb(76,174,251)
```
#fb4cae
```
#fb4cae rgb(251,76,174)
```
#fb994c
```
#fb994c rgb(251,153,76)
```

Tetradic Color

#058cf5
```
#058cf5 rgb(5,140,245)
```
#1a97fa
```
#1a97fa rgb(26,151,250)
```
#33a3fa
```
#33a3fa rgb(51,163,250)
```
#4caefb
```
#4caefb rgb(76,174,251)
```
#65b9fc
```
#65b9fc rgb(101,185,252)
```
#7ec5fc
```
#7ec5fc rgb(126,197,252)
```
#97d0fd
```
#97d0fd rgb(151,208,253)
```

Monochromatic Color

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

#4cdafb
```
#4cdafb rgb(76,218,251)
```
#4ccbfb
```
#4ccbfb rgb(76,203,251)
```
#4cbdfb
```
#4cbdfb rgb(76,189,251)
```
#4caefb
```
#4caefb rgb(76,174,251)
```
#4c9ffb
```
#4c9ffb rgb(76,159,251)
```
#4c91fb
```
#4c91fb rgb(76,145,251)
```
#4c82fb
```
#4c82fb rgb(76,130,251)
```

Similar Colors

Text with hexadecimal color #4caefb

This text has a font color of #4caefb.

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

#4caefb background color

This paragraph has a background color of #4caefb.

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

#4caefb border color

This element has a border color of #4caefb.

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

CSS codes

.text {color:#4caefb;}

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

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

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, #00070d is the darkest color, while #f9fcff is the lightest one.

#00070d
```
#00070d rgb(0,7,13)
```
#011220
```
#011220 rgb(1,18,32)
```
#011d33
```
#011d33 rgb(1,29,51)
```
#022846
```
#022846 rgb(2,40,70)
```
#02335a
```
#02335a rgb(2,51,90)
```
#023e6d
```
#023e6d rgb(2,62,109)
```
#034980
```
#034980 rgb(3,73,128)
```
#035493
```
#035493 rgb(3,84,147)
```
#045fa6
```
#045fa6 rgb(4,95,166)
```
#046aba
```
#046aba rgb(4,106,186)
```
#0575cd
```
#0575cd rgb(5,117,205)
```
#0580e0
```
#0580e0 rgb(5,128,224)
```
#058bf3
```
#058bf3 rgb(5,139,243)
```

Shade Color Variation

#1294fa
```
#1294fa rgb(18,148,250)
```
#269dfa
```
#269dfa rgb(38,157,250)
```
#39a5fb
```
#39a5fb rgb(57,165,251)
```
#4caefb
```
#4caefb rgb(76,174,251)
```
#5fb7fb
```
#5fb7fb rgb(95,183,251)
```
#72bffc
```
#72bffc rgb(114,191,252)
```
#86c8fc
```
#86c8fc rgb(134,200,252)
```
#99d1fd
```
#99d1fd rgb(153,209,253)
```
#acd9fd
```
#acd9fd rgb(172,217,253)
```
#bfe2fe
```
#bfe2fe rgb(191,226,254)
```
#d2ebfe
```
#d2ebfe rgb(210,235,254)
```
#e5f3fe
```
#e5f3fe rgb(229,243,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#a0a4a7
```
#a0a4a7 rgb(160,164,167)
```
#99a5ae
```
#99a5ae rgb(153,165,174)
```
#92a6b5
```
#92a6b5 rgb(146,166,181)
```
#8ba6bc
```
#8ba6bc rgb(139,166,188)
```
#84a7c3
```
#84a7c3 rgb(132,167,195)
```
#7da8ca
```
#7da8ca rgb(125,168,202)
```
#76a9d1
```
#76a9d1 rgb(118,169,209)
```
#6faad8
```
#6faad8 rgb(111,170,216)
```
#68abdf
```
#68abdf rgb(104,171,223)
```
#61abe6
```
#61abe6 rgb(97,171,230)
```
#5aaced
```
#5aaced rgb(90,172,237)
```
#53adf4
```
#53adf4 rgb(83,173,244)
```
#4caefb
```
#4caefb rgb(76,174,251)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8a9dad Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a9f4 Protanopia 1% of men
#7eabfd Deuteranopia 1% of men
#17bcca Tritanopia 0.001% of the population

Trichromacy

#77abf6 Protanomaly 1% of men, 0.01% of women
#6cacfc Deuteranomaly 6% of men, 0.4% of women
#2ab7db Tritanomaly 0.01% of the population

#4caefb hex color

#4caefb Color Information

#4caefb Color Conversion

Color Schemes with #4caefb

Alternatives to #4caefb

#4caefb Preview

Shades and Tints of #4caefb

Tones of #4caefb

Color Blindness Simulator