#4caaf7 hex color

In a RGB color space, hex #4caaf7 is composed of 29.8% red, 66.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 31.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 207 degrees, a saturation of 91.4% and a lightness of 63.3%. #4caaf7 color hex could be obtained by blending #98ffff with #0055ef. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 30
- G 67
- B 97
RGB color chart
- C 69
- M 31
- Y 0
- K 3
CMYK color chart

● #4caaf7 color description : Soft blue.

The hexadecimal color #4caaf7 has RGB values of R:76, G:170, B:247 and CMYK values of C:0.69, M:0.31, Y:0, K:0.03. Its decimal value is 5024503.

Hex triplet	4caaf7	`#4caaf7`
RGB Decimal	76, 170, 247	`rgb(76,170,247)`
RGB Percent	29.8, 66.7, 96.9	`rgb(29.8%,66.7%,96.9%)`
CMYK	69, 31, 0, 3
HSL	207°, 91.4, 63.3	`hsl(207,91.4%,63.3%)`
HSV (or HSB)	207°, 69.2, 96.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.276, -3.527, -46.406
XYZ	34.14, 36.999, 93.333
xyY	0.208, 0.225, 36.999
CIE-LCH	67.276, 46.54, 265.654
CIE-LUV	67.276, -35.61, -74.518
Hunter-Lab	60.827, -6.261, -48.396
Binary	01001100, 10101010, 11110111

#4caaf7
```
#4caaf7 rgb(76,170,247)
```
#f7994c
```
#f7994c rgb(247,153,76)
```

Complementary Color

#4cf7ef
```
#4cf7ef rgb(76,247,239)
```
#4caaf7
```
#4caaf7 rgb(76,170,247)
```
#4c55f7
```
#4c55f7 rgb(76,85,247)
```

Analogous Color

#f7ef4c
```
#f7ef4c rgb(247,239,76)
```
#4caaf7
```
#4caaf7 rgb(76,170,247)
```
#f74c55
```
#f74c55 rgb(247,76,85)
```

Split Complementary Color

#aaf74c
```
#aaf74c rgb(170,247,76)
```
#4caaf7
```
#4caaf7 rgb(76,170,247)
```
#f74caa
```
#f74caa rgb(247,76,170)
```

Triadic Color

#4cf799
```
#4cf799 rgb(76,247,153)
```
#4caaf7
```
#4caaf7 rgb(76,170,247)
```
#f74caa
```
#f74caa rgb(247,76,170)
```
#f7994c
```
#f7994c rgb(247,153,76)
```

Tetradic Color

#0b86ec
```
#0b86ec rgb(11,134,236)
```
#1b93f5
```
#1b93f5 rgb(27,147,245)
```
#349ef6
```
#349ef6 rgb(52,158,246)
```
#4caaf7
```
#4caaf7 rgb(76,170,247)
```
#64b6f8
```
#64b6f8 rgb(100,182,248)
```
#7dc1f9
```
#7dc1f9 rgb(125,193,249)
```
#95cdfa
```
#95cdfa rgb(149,205,250)
```

Monochromatic Color

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

#4cd5f7
```
#4cd5f7 rgb(76,213,247)
```
#4cc7f7
```
#4cc7f7 rgb(76,199,247)
```
#4cb8f7
```
#4cb8f7 rgb(76,184,247)
```
#4caaf7
```
#4caaf7 rgb(76,170,247)
```
#4c9cf7
```
#4c9cf7 rgb(76,156,247)
```
#4c8ef7
```
#4c8ef7 rgb(76,142,247)
```
#4c7ff7
```
#4c7ff7 rgb(76,127,247)
```

Similar Colors

Text with hexadecimal color #4caaf7

This text has a font color of #4caaf7.

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

#4caaf7 background color

This paragraph has a background color of #4caaf7.

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

#4caaf7 border color

This element has a border color of #4caaf7.

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

CSS codes

.text {color:#4caaf7;}

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

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

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

#000509
```
#000509 rgb(0,5,9)
```
#01101c
```
#01101c rgb(1,16,28)
```
#021a2e
```
#021a2e rgb(2,26,46)
```
#032541
```
#032541 rgb(3,37,65)
```
#043054
```
#043054 rgb(4,48,84)
```
#053a67
```
#053a67 rgb(5,58,103)
```
#054579
```
#054579 rgb(5,69,121)
```
#06508c
```
#06508c rgb(6,80,140)
```
#075b9f
```
#075b9f rgb(7,91,159)
```
#0865b2
```
#0865b2 rgb(8,101,178)
```
#0970c5
```
#0970c5 rgb(9,112,197)
```
#0a7bd7
```
#0a7bd7 rgb(10,123,215)
```
#0a85ea
```
#0a85ea rgb(10,133,234)
```

Shade Color Variation

#148ff4
```
#148ff4 rgb(20,143,244)
```
#2698f5
```
#2698f5 rgb(38,152,245)
```
#39a1f6
```
#39a1f6 rgb(57,161,246)
```
#4caaf7
```
#4caaf7 rgb(76,170,247)
```
#5fb3f8
```
#5fb3f8 rgb(95,179,248)
```
#72bcf9
```
#72bcf9 rgb(114,188,249)
```
#84c5fa
```
#84c5fa rgb(132,197,250)
```
#97cefa
```
#97cefa rgb(151,206,250)
```
#aad7fb
```
#aad7fb rgb(170,215,251)
```
#bddffc
```
#bddffc rgb(189,223,252)
```
#cfe8fd
```
#cfe8fd rgb(207,232,253)
```
#e2f1fe
```
#e2f1fe rgb(226,241,254)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba2a8 is the less saturated color, while #45abfe is the most saturated one.

#9ba2a8
```
#9ba2a8 rgb(155,162,168)
```
#94a3af
```
#94a3af rgb(148,163,175)
```
#8da4b6
```
#8da4b6 rgb(141,164,182)
```
#86a4bd
```
#86a4bd rgb(134,164,189)
```
#7ea5c5
```
#7ea5c5 rgb(126,165,197)
```
#77a6cc
```
#77a6cc rgb(119,166,204)
```
#70a6d3
```
#70a6d3 rgb(112,166,211)
```
#69a7da
```
#69a7da rgb(105,167,218)
```
#62a8e1
```
#62a8e1 rgb(98,168,225)
```
#5aa9e9
```
#5aa9e9 rgb(90,169,233)
```
#53a9f0
```
#53a9f0 rgb(83,169,240)
```
#4caaf7
```
#4caaf7 rgb(76,170,247)
```
#45abfe
```
#45abfe rgb(69,171,254)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#889baa Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da6f1 Protanopia 1% of men
#7ba8f9 Deuteranopia 1% of men
#1bb8c6 Tritanopia 0.001% of the population

Trichromacy

#75a7f3 Protanomaly 1% of men, 0.01% of women
#6aa8f8 Deuteranomaly 6% of men, 0.4% of women
#2db3d7 Tritanomaly 0.01% of the population

#4caaf7 hex color

#4caaf7 Color Information

#4caaf7 Color Conversion

Color Schemes with #4caaf7

Alternatives to #4caaf7

#4caaf7 Preview

Shades and Tints of #4caaf7

Tones of #4caaf7

Color Blindness Simulator