#4caefa hex color

In a RGB color space, hex #4caefa is composed of 29.8% red, 68.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 30.4% magenta, 0% yellow and 2% black. It has a hue angle of 206.2 degrees, a saturation of 94.6% and a lightness of 63.9%. #4caefa color hex could be obtained by blending #98ffff with #005df5. Closest websafe color is: #3399ff.

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

● #4caefa color description : Soft blue.

The hexadecimal color #4caefa has RGB values of R:76, G:174, B:250 and CMYK values of C:0.7, M:0.3, Y:0, K:0.02. Its decimal value is 5025530.

Hex triplet	4caefa	`#4caefa`
RGB Decimal	76, 174, 250	`rgb(76,174,250)`
RGB Percent	29.8, 68.2, 98	`rgb(29.8%,68.2%,98%)`
CMYK	70, 30, 0, 2
HSL	206.2°, 94.6, 63.9	`hsl(206.2,94.6%,63.9%)`
HSV (or HSB)	206.2°, 69.6, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.539, -4.76, -46.051
XYZ	35.368, 38.708, 96.045
xyY	0.208, 0.228, 38.708
CIE-LCH	68.539, 46.297, 264.098
CIE-LUV	68.539, -36.858, -73.973
Hunter-Lab	62.216, -7.406, -47.977
Binary	01001100, 10101110, 11111010

#4caefa
```
#4caefa rgb(76,174,250)
```
#fa984c
```
#fa984c rgb(250,152,76)
```

Complementary Color

#4cfaef
```
#4cfaef rgb(76,250,239)
```
#4caefa
```
#4caefa rgb(76,174,250)
```
#4c57fa
```
#4c57fa rgb(76,87,250)
```

Analogous Color

#faef4c
```
#faef4c rgb(250,239,76)
```
#4caefa
```
#4caefa rgb(76,174,250)
```
#fa4c57
```
#fa4c57 rgb(250,76,87)
```

Split Complementary Color

#aefa4c
```
#aefa4c rgb(174,250,76)
```
#4caefa
```
#4caefa rgb(76,174,250)
```
#fa4cae
```
#fa4cae rgb(250,76,174)
```

Triadic Color

#4cfa98
```
#4cfa98 rgb(76,250,152)
```
#4caefa
```
#4caefa rgb(76,174,250)
```
#fa4cae
```
#fa4cae rgb(250,76,174)
```
#fa984c
```
#fa984c rgb(250,152,76)
```

Tetradic Color

#078cf3
```
#078cf3 rgb(7,140,243)
```
#1a98f9
```
#1a98f9 rgb(26,152,249)
```
#33a3f9
```
#33a3f9 rgb(51,163,249)
```
#4caefa
```
#4caefa rgb(76,174,250)
```
#65b9fb
```
#65b9fb rgb(101,185,251)
```
#7ec4fb
```
#7ec4fb rgb(126,196,251)
```
#96d0fc
```
#96d0fc rgb(150,208,252)
```

Monochromatic Color

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

#4cdafa
```
#4cdafa rgb(76,218,250)
```
#4ccbfa
```
#4ccbfa rgb(76,203,250)
```
#4cbdfa
```
#4cbdfa rgb(76,189,250)
```
#4caefa
```
#4caefa rgb(76,174,250)
```
#4ca0fa
```
#4ca0fa rgb(76,160,250)
```
#4c91fa
```
#4c91fa rgb(76,145,250)
```
#4c83fa
```
#4c83fa rgb(76,131,250)
```

Similar Colors

Text with hexadecimal color #4caefa

This text has a font color of #4caefa.

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

#4caefa background color

This paragraph has a background color of #4caefa.

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

#4caefa border color

This element has a border color of #4caefa.

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

CSS codes

.text {color:#4caefa;}

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

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

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

#00070c
```
#00070c rgb(0,7,12)
```
#01121f
```
#01121f rgb(1,18,31)
```
#011d32
```
#011d32 rgb(1,29,50)
```
#022845
```
#022845 rgb(2,40,69)
```
#023358
```
#023358 rgb(2,51,88)
```
#033e6b
```
#033e6b rgb(3,62,107)
```
#04497e
```
#04497e rgb(4,73,126)
```
#045491
```
#045491 rgb(4,84,145)
```
#055fa4
```
#055fa4 rgb(5,95,164)
```
#056ab8
```
#056ab8 rgb(5,106,184)
```
#0675cb
```
#0675cb rgb(6,117,203)
```
#0680de
```
#0680de rgb(6,128,222)
```
#078bf1
```
#078bf1 rgb(7,139,241)
```

Shade Color Variation

#1394f8
```
#1394f8 rgb(19,148,248)
```
#269df9
```
#269df9 rgb(38,157,249)
```
#39a5f9
```
#39a5f9 rgb(57,165,249)
```
#4caefa
```
#4caefa rgb(76,174,250)
```
#5fb7fb
```
#5fb7fb rgb(95,183,251)
```
#72bffb
```
#72bffb rgb(114,191,251)
```
#85c8fc
```
#85c8fc rgb(133,200,252)
```
#98d1fc
```
#98d1fc rgb(152,209,252)
```
#abd9fd
```
#abd9fd rgb(171,217,253)
```
#bee2fd
```
#bee2fd rgb(190,226,253)
```
#d2eafe
```
#d2eafe rgb(210,234,254)
```
#e5f3fe
```
#e5f3fe rgb(229,243,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#a1a3a5
```
#a1a3a5 rgb(161,163,165)
```
#9aa4ac
```
#9aa4ac rgb(154,164,172)
```
#93a5b3
```
#93a5b3 rgb(147,165,179)
```
#8ca6ba
```
#8ca6ba rgb(140,166,186)
```
#85a7c1
```
#85a7c1 rgb(133,167,193)
```
#7ea8c8
```
#7ea8c8 rgb(126,168,200)
```
#76a9d0
```
#76a9d0 rgb(118,169,208)
```
#6faad7
```
#6faad7 rgb(111,170,215)
```
#68aade
```
#68aade rgb(104,170,222)
```
#61abe5
```
#61abe5 rgb(97,171,229)
```
#5aacec
```
#5aacec rgb(90,172,236)
```
#53adf3
```
#53adf3 rgb(83,173,243)
```
#4caefa
```
#4caefa rgb(76,174,250)
```

Tone Color Variation

Below, you can see how #4caefa 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
#8a9dac Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a9f3 Protanopia 1% of men
#7fabfd Deuteranopia 1% of men
#1bbcc9 Tritanopia 0.001% of the population

Trichromacy

#77aaf5 Protanomaly 1% of men, 0.01% of women
#6cacfb Deuteranomaly 6% of men, 0.4% of women
#2db7db Tritanomaly 0.01% of the population

#4caefa hex color

#4caefa Color Information

#4caefa Color Conversion

Color Schemes with #4caefa

Alternatives to #4caefa

#4caefa Preview

Shades and Tints of #4caefa

Tones of #4caefa

Color Blindness Simulator