#4caae1 hex color

In a RGB color space, hex #4caae1 is composed of 29.8% red, 66.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 24.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 202.1 degrees, a saturation of 71.3% and a lightness of 59%. #4caae1 color hex could be obtained by blending #98ffff with #0055c3. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 30
- G 67
- B 88
RGB color chart
- C 66
- M 24
- Y 0
- K 12
CMYK color chart

● #4caae1 color description : Soft blue.

The hexadecimal color #4caae1 has RGB values of R:76, G:170, B:225 and CMYK values of C:0.66, M:0.24, Y:0, K:0.12. Its decimal value is 5024481.

Hex triplet	4caae1	`#4caae1`
RGB Decimal	76, 170, 225	`rgb(76,170,225)`
RGB Percent	29.8, 66.7, 88.2	`rgb(29.8%,66.7%,88.2%)`
CMYK	66, 24, 0, 12
HSL	202.1°, 71.3, 59	`hsl(202.1,71.3%,59%)`
HSV (or HSB)	202.1°, 66.2, 88.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.305, -10.804, -35.889
XYZ	30.942, 35.72, 76.494
xyY	0.216, 0.25, 35.72
CIE-LCH	66.305, 37.48, 253.247
CIE-LUV	66.305, -36.542, -55.667
Hunter-Lab	59.766, -12.177, -34.048
Binary	01001100, 10101010, 11100001

#4caae1
```
#4caae1 rgb(76,170,225)
```
#e1834c
```
#e1834c rgb(225,131,76)
```

Complementary Color

#4ce1ce
```
#4ce1ce rgb(76,225,206)
```
#4caae1
```
#4caae1 rgb(76,170,225)
```
#4c60e1
```
#4c60e1 rgb(76,96,225)
```

Analogous Color

#e1ce4c
```
#e1ce4c rgb(225,206,76)
```
#4caae1
```
#4caae1 rgb(76,170,225)
```
#e14c60
```
#e14c60 rgb(225,76,96)
```

Split Complementary Color

#aae14c
```
#aae14c rgb(170,225,76)
```
#4caae1
```
#4caae1 rgb(76,170,225)
```
#e14caa
```
#e14caa rgb(225,76,170)
```

Triadic Color

#4ce183
```
#4ce183 rgb(76,225,131)
```
#4caae1
```
#4caae1 rgb(76,170,225)
```
#e14caa
```
#e14caa rgb(225,76,170)
```
#e1834c
```
#e1834c rgb(225,131,76)
```

Tetradic Color

#2085c0
```
#2085c0 rgb(32,133,192)
```
#2494d6
```
#2494d6 rgb(36,148,214)
```
#36a0dd
```
#36a0dd rgb(54,160,221)
```
#4caae1
```
#4caae1 rgb(76,170,225)
```
#62b4e5
```
#62b4e5 rgb(98,180,229)
```
#78bfe8
```
#78bfe8 rgb(120,191,232)
```
#8ec9ec
```
#8ec9ec rgb(142,201,236)
```

Monochromatic Color

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

#4ccfe1
```
#4ccfe1 rgb(76,207,225)
```
#4cc3e1
```
#4cc3e1 rgb(76,195,225)
```
#4cb6e1
```
#4cb6e1 rgb(76,182,225)
```
#4caae1
```
#4caae1 rgb(76,170,225)
```
#4c9ee1
```
#4c9ee1 rgb(76,158,225)
```
#4c91e1
```
#4c91e1 rgb(76,145,225)
```
#4c85e1
```
#4c85e1 rgb(76,133,225)
```

Similar Colors

Text with hexadecimal color #4caae1

This text has a font color of #4caae1.

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

#4caae1 background color

This paragraph has a background color of #4caae1.

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

#4caae1 border color

This element has a border color of #4caae1.

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

CSS codes

.text {color:#4caae1;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#041017
```
#041017 rgb(4,16,23)
```
#071b27
```
#071b27 rgb(7,27,39)
```
#092738
```
#092738 rgb(9,39,56)
```
#0c3349
```
#0c3349 rgb(12,51,73)
```
#0f3e5a
```
#0f3e5a rgb(15,62,90)
```
#124a6b
```
#124a6b rgb(18,74,107)
```
#15557b
```
#15557b rgb(21,85,123)
```
#17618c
```
#17618c rgb(23,97,140)
```
#1a6d9d
```
#1a6d9d rgb(26,109,157)
```
#1d78ae
```
#1d78ae rgb(29,120,174)
```
#2084bf
```
#2084bf rgb(32,132,191)
```
#2390cf
```
#2390cf rgb(35,144,207)
```

Shade Color Variation

#2a9adb
```
#2a9adb rgb(42,154,219)
```
#3ba2de
```
#3ba2de rgb(59,162,222)
```
#4caae1
```
#4caae1 rgb(76,170,225)
```
#5db2e4
```
#5db2e4 rgb(93,178,228)
```
#6ebae7
```
#6ebae7 rgb(110,186,231)
```
#7ec2e9
```
#7ec2e9 rgb(126,194,233)
```
#8fcaec
```
#8fcaec rgb(143,202,236)
```
#a0d2ef
```
#a0d2ef rgb(160,210,239)
```
#b1daf2
```
#b1daf2 rgb(177,218,242)
```
#c2e2f5
```
#c2e2f5 rgb(194,226,245)
```
#d2eaf8
```
#d2eaf8 rgb(210,234,248)
```
#e3f2fa
```
#e3f2fa rgb(227,242,250)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

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

#949799
```
#949799 rgb(148,151,153)
```
#8c99a1
```
#8c99a1 rgb(140,153,161)
```
#849ba9
```
#849ba9 rgb(132,155,169)
```
#7c9db1
```
#7c9db1 rgb(124,157,177)
```
#749fb9
```
#749fb9 rgb(116,159,185)
```
#6ca2c1
```
#6ca2c1 rgb(108,162,193)
```
#64a4c9
```
#64a4c9 rgb(100,164,201)
```
#5ca6d1
```
#5ca6d1 rgb(92,166,209)
```
#54a8d9
```
#54a8d9 rgb(84,168,217)
```
#4caae1
```
#4caae1 rgb(76,170,225)
```
#44ace9
```
#44ace9 rgb(68,172,233)
```
#3caef1
```
#3caef1 rgb(60,174,241)
```
#34b0f9
```
#34b0f9 rgb(52,176,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8698a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a4db Protanopia 1% of men
#8ba4e6 Deuteranopia 1% of men
#3cb4c1 Tritanopia 0.001% of the population

Trichromacy

#7aa6dd Protanomaly 1% of men, 0.01% of women
#74a6e4 Deuteranomaly 6% of men, 0.4% of women
#41b0cd Tritanomaly 0.01% of the population

#4caae1 hex color

#4caae1 Color Information

#4caae1 Color Conversion

Color Schemes with #4caae1

Alternatives to #4caae1

#4caae1 Preview

Shades and Tints of #4caae1

Tones of #4caae1

Color Blindness Simulator