colorhexa.com

#4daae2 hex color

In a RGB color space, hex #4daae2 is composed of 30.2% red, 66.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 24.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 202.6 degrees, a saturation of 72% and a lightness of 59.4%. #4daae2 color hex could be obtained by blending #9affff with #0055c5. Closest websafe color is: #6699cc.

- R 30
- G 67
- B 89
RGB color chart
- C 66
- M 25
- Y 0
- K 11
CMYK color chart

● #4daae2 color description : Soft blue.

The hexadecimal color #4daae2 has RGB values of R:77, G:170, B:226 and CMYK values of C:0.66, M:0.25, Y:0, K:0.11. Its decimal value is 5090018.

Hex triplet	4daae2	`#4daae2`
RGB Decimal	77, 170, 226	`rgb(77,170,226)`
RGB Percent	30.2, 66.7, 88.6	`rgb(30.2%,66.7%,88.6%)`
CMYK	66, 25, 0, 11
HSL	202.6°, 72, 59.4	`hsl(202.6,72%,59.4%)`
HSV (or HSB)	202.6°, 65.9, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.379, -10.319, -36.322
XYZ	31.159, 35.816, 77.218
xyY	0.216, 0.248, 35.816
CIE-LCH	66.379, 37.759, 254.14
CIE-LUV	66.379, -36.289, -56.465
Hunter-Lab	59.846, -11.794, -34.608
Binary	01001101, 10101010, 11100010

#4daae2
```
#4daae2 rgb(77,170,226)
```
#e2854d
```
#e2854d rgb(226,133,77)
```

Complementary Color

#4de2d0
```
#4de2d0 rgb(77,226,208)
```
#4daae2
```
#4daae2 rgb(77,170,226)
```
#4d60e2
```
#4d60e2 rgb(77,96,226)
```

Analogous Color

#e2d04d
```
#e2d04d rgb(226,208,77)
```
#4daae2
```
#4daae2 rgb(77,170,226)
```
#e24d60
```
#e24d60 rgb(226,77,96)
```

Split Complementary Color

#aae24d
```
#aae24d rgb(170,226,77)
```
#4daae2
```
#4daae2 rgb(77,170,226)
```
#e24daa
```
#e24daa rgb(226,77,170)
```

Triadic Color

#4de285
```
#4de285 rgb(77,226,133)
```
#4daae2
```
#4daae2 rgb(77,170,226)
```
#e24daa
```
#e24daa rgb(226,77,170)
```
#e2854d
```
#e2854d rgb(226,133,77)
```

Tetradic Color

#2085c3
```
#2085c3 rgb(32,133,195)
```
#2395d9
```
#2395d9 rgb(35,149,217)
```
#37a0de
```
#37a0de rgb(55,160,222)
```
#4daae2
```
#4daae2 rgb(77,170,226)
```
#63b4e6
```
#63b4e6 rgb(99,180,230)
```
#79bfe9
```
#79bfe9 rgb(121,191,233)
```
#8fc9ed
```
#8fc9ed rgb(143,201,237)
```

Monochromatic Color

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

#4dcfe2
```
#4dcfe2 rgb(77,207,226)
```
#4dc3e2
```
#4dc3e2 rgb(77,195,226)
```
#4db6e2
```
#4db6e2 rgb(77,182,226)
```
#4daae2
```
#4daae2 rgb(77,170,226)
```
#4d9ee2
```
#4d9ee2 rgb(77,158,226)
```
#4d91e2
```
#4d91e2 rgb(77,145,226)
```
#4d85e2
```
#4d85e2 rgb(77,133,226)
```

Similar Colors

Text with hexadecimal color #4daae2

This text has a font color of #4daae2.

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

#4daae2 background color

This paragraph has a background color of #4daae2.

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

#4daae2 border color

This element has a border color of #4daae2.

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

CSS codes

.text {color:#4daae2;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#041118
```
#041118 rgb(4,17,24)
```
#071c29
```
#071c29 rgb(7,28,41)
```
#09283a
```
#09283a rgb(9,40,58)
```
#0c334b
```
#0c334b rgb(12,51,75)
```
#0f3f5c
```
#0f3f5c rgb(15,63,92)
```
#124b6d
```
#124b6d rgb(18,75,109)
```
#14567e
```
#14567e rgb(20,86,126)
```
#17628e
```
#17628e rgb(23,98,142)
```
#1a6d9f
```
#1a6d9f rgb(26,109,159)
```
#1d79b0
```
#1d79b0 rgb(29,121,176)
```
#1f84c1
```
#1f84c1 rgb(31,132,193)
```
#2290d2
```
#2290d2 rgb(34,144,210)
```

Shade Color Variation

#2b9add
```
#2b9add rgb(43,154,221)
```
#3ca2df
```
#3ca2df rgb(60,162,223)
```
#4daae2
```
#4daae2 rgb(77,170,226)
```
#5eb2e5
```
#5eb2e5 rgb(94,178,229)
```
#6fbae7
```
#6fbae7 rgb(111,186,231)
```
#80c2ea
```
#80c2ea rgb(128,194,234)
```
#90caed
```
#90caed rgb(144,202,237)
```
#a1d2f0
```
#a1d2f0 rgb(161,210,240)
```
#b2daf2
```
#b2daf2 rgb(178,218,242)
```
#c3e2f5
```
#c3e2f5 rgb(195,226,245)
```
#d4eaf8
```
#d4eaf8 rgb(212,234,248)
```
#e5f2fb
```
#e5f2fb rgb(229,242,251)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95989a is the less saturated color, while #35b0fa is the most saturated one.

#95989a
```
#95989a rgb(149,152,154)
```
#8d9aa2
```
#8d9aa2 rgb(141,154,162)
```
#859caa
```
#859caa rgb(133,156,170)
```
#7d9eb2
```
#7d9eb2 rgb(125,158,178)
```
#75a0ba
```
#75a0ba rgb(117,160,186)
```
#6da2c2
```
#6da2c2 rgb(109,162,194)
```
#65a4ca
```
#65a4ca rgb(101,164,202)
```
#5da6d2
```
#5da6d2 rgb(93,166,210)
```
#55a8da
```
#55a8da rgb(85,168,218)
```
#4daae2
```
#4daae2 rgb(77,170,226)
```
#45acea
```
#45acea rgb(69,172,234)
```
#3daef2
```
#3daef2 rgb(61,174,242)
```
#35b0fa
```
#35b0fa rgb(53,176,250)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8799a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a4dc Protanopia 1% of men
#8aa4e7 Deuteranopia 1% of men
#3cb4c2 Tritanopia 0.001% of the population

Trichromacy

#7aa6de Protanomaly 1% of men, 0.01% of women
#74a6e5 Deuteranomaly 6% of men, 0.4% of women
#42b0cd Tritanomaly 0.01% of the population