#4a81e2 hex color

In a RGB color space, hex #4a81e2 is composed of 29% red, 50.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 42.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 218.3 degrees, a saturation of 72.4% and a lightness of 58.8%. #4a81e2 color hex could be obtained by blending #94ffff with #0003c5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 51
- B 89
RGB color chart
- C 67
- M 43
- Y 0
- K 11
CMYK color chart

● #4a81e2 color description : Soft blue.

The hexadecimal color #4a81e2 has RGB values of R:74, G:129, B:226 and CMYK values of C:0.67, M:0.43, Y:0, K:0.11. Its decimal value is 4882914.

Hex triplet	4a81e2	`#4a81e2`
RGB Decimal	74, 129, 226	`rgb(74,129,226)`
RGB Percent	29, 50.6, 88.6	`rgb(29%,50.6%,88.6%)`
CMYK	67, 43, 0, 11
HSL	218.3°, 72.4, 58.8	`hsl(218.3,72.4%,58.8%)`
HSV (or HSB)	218.3°, 67.3, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.706, 13.005, -54.749
XYZ	24.399, 22.646, 75.033
xyY	0.2, 0.186, 22.646
CIE-LCH	54.706, 56.273, 283.362
CIE-LUV	54.706, -22.896, -87.057
Hunter-Lab	47.588, 8.241, -60.173
Binary	01001010, 10000001, 11100010

#4a81e2
```
#4a81e2 rgb(74,129,226)
```
#e2ab4a
```
#e2ab4a rgb(226,171,74)
```

Complementary Color

#4acde2
```
#4acde2 rgb(74,205,226)
```
#4a81e2
```
#4a81e2 rgb(74,129,226)
```
#5f4ae2
```
#5f4ae2 rgb(95,74,226)
```

Analogous Color

#cde24a
```
#cde24a rgb(205,226,74)
```
#4a81e2
```
#4a81e2 rgb(74,129,226)
```
#e25f4a
```
#e25f4a rgb(226,95,74)
```

Split Complementary Color

#81e24a
```
#81e24a rgb(129,226,74)
```
#4a81e2
```
#4a81e2 rgb(74,129,226)
```
#e24a81
```
#e24a81 rgb(226,74,129)
```

Triadic Color

#4ae2ab
```
#4ae2ab rgb(74,226,171)
```
#4a81e2
```
#4a81e2 rgb(74,129,226)
```
#e24a81
```
#e24a81 rgb(226,74,129)
```
#e2ab4a
```
#e2ab4a rgb(226,171,74)
```

Tetradic Color

#1f59c1
```
#1f59c1 rgb(31,89,193)
```
#2264d7
```
#2264d7 rgb(34,100,215)
```
#3472de
```
#3472de rgb(52,114,222)
```
#4a81e2
```
#4a81e2 rgb(74,129,226)
```
#6090e6
```
#6090e6 rgb(96,144,230)
```
#76a0e9
```
#76a0e9 rgb(118,160,233)
```
#8cafed
```
#8cafed rgb(140,175,237)
```

Monochromatic Color

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

#4aa7e2
```
#4aa7e2 rgb(74,167,226)
```
#4a9ae2
```
#4a9ae2 rgb(74,154,226)
```
#4a8ee2
```
#4a8ee2 rgb(74,142,226)
```
#4a81e2
```
#4a81e2 rgb(74,129,226)
```
#4a74e2
```
#4a74e2 rgb(74,116,226)
```
#4a68e2
```
#4a68e2 rgb(74,104,226)
```
#4a5be2
```
#4a5be2 rgb(74,91,226)
```

Similar Colors

Text with hexadecimal color #4a81e2

This text has a font color of #4a81e2.

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

#4a81e2 background color

This paragraph has a background color of #4a81e2.

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

#4a81e2 border color

This element has a border color of #4a81e2.

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

CSS codes

.text {color:#4a81e2;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040a16
```
#040a16 rgb(4,10,22)
```
#061227
```
#061227 rgb(6,18,39)
```
#091a38
```
#091a38 rgb(9,26,56)
```
#0c2249
```
#0c2249 rgb(12,34,73)
```
#0e2a5a
```
#0e2a5a rgb(14,42,90)
```
#11316a
```
#11316a rgb(17,49,106)
```
#14397b
```
#14397b rgb(20,57,123)
```
#16418c
```
#16418c rgb(22,65,140)
```
#19499d
```
#19499d rgb(25,73,157)
```
#1c51ae
```
#1c51ae rgb(28,81,174)
```
#1f59bf
```
#1f59bf rgb(31,89,191)
```
#2160d0
```
#2160d0 rgb(33,96,208)
```

Shade Color Variation

#2869dd
```
#2869dd rgb(40,105,221)
```
#3975df
```
#3975df rgb(57,117,223)
```
#4a81e2
```
#4a81e2 rgb(74,129,226)
```
#5b8de5
```
#5b8de5 rgb(91,141,229)
```
#6c99e7
```
#6c99e7 rgb(108,153,231)
```
#7da4ea
```
#7da4ea rgb(125,164,234)
```
#8eb0ed
```
#8eb0ed rgb(142,176,237)
```
#9fbcf0
```
#9fbcf0 rgb(159,188,240)
```
#afc8f2
```
#afc8f2 rgb(175,200,242)
```
#c0d3f5
```
#c0d3f5 rgb(192,211,245)
```
#d1dff8
```
#d1dff8 rgb(209,223,248)
```
#e2ebfa
```
#e2ebfa rgb(226,235,250)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#939599
```
#939599 rgb(147,149,153)
```
#8b93a1
```
#8b93a1 rgb(139,147,161)
```
#8391a9
```
#8391a9 rgb(131,145,169)
```
#7a8eb2
```
#7a8eb2 rgb(122,142,178)
```
#728cba
```
#728cba rgb(114,140,186)
```
#6a8ac2
```
#6a8ac2 rgb(106,138,194)
```
#6288ca
```
#6288ca rgb(98,136,202)
```
#5a85d2
```
#5a85d2 rgb(90,133,210)
```
#5283da
```
#5283da rgb(82,131,218)
```
#4a81e2
```
#4a81e2 rgb(74,129,226)
```
#427fea
```
#427fea rgb(66,127,234)
```
#3a7df2
```
#3a7df2 rgb(58,125,242)
```
#327afa
```
#327afa rgb(50,122,250)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#727d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c86e2 Protanopia 1% of men
#388ae2 Deuteranopia 1% of men
#0096a1 Tritanopia 0.001% of the population

Trichromacy

#5584e2 Protanomaly 1% of men, 0.01% of women
#3f87e2 Deuteranomaly 6% of men, 0.4% of women
#1a8eb8 Tritanomaly 0.01% of the population

#4a81e2 hex color

#4a81e2 Color Information

#4a81e2 Color Conversion

Color Schemes with #4a81e2

Alternatives to #4a81e2

#4a81e2 Preview

Shades and Tints of #4a81e2

Tones of #4a81e2

Color Blindness Simulator