#4a7fe2 hex color

In a RGB color space, hex #4a7fe2 is composed of 29% red, 49.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 43.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 219.1 degrees, a saturation of 72.4% and a lightness of 58.8%. #4a7fe2 color hex could be obtained by blending #94feff with #0000c5. Closest websafe color is: #3366cc.

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

● #4a7fe2 color description : Soft blue.

The hexadecimal color #4a7fe2 has RGB values of R:74, G:127, B:226 and CMYK values of C:0.67, M:0.44, Y:0, K:0.11. Its decimal value is 4882402.

Hex triplet	4a7fe2	`#4a7fe2`
RGB Decimal	74, 127, 226	`rgb(74,127,226)`
RGB Percent	29, 49.8, 88.6	`rgb(29%,49.8%,88.6%)`
CMYK	67, 44, 0, 11
HSL	219.1°, 72.4, 58.8	`hsl(219.1,72.4%,58.8%)`
HSV (or HSB)	219.1°, 67.3, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	54.158, 14.227, -55.624
XYZ	24.138, 22.124, 74.946
xyY	0.199, 0.183, 22.124
CIE-LCH	54.158, 57.415, 284.347
CIE-LUV	54.158, -22.256, -88.378
Hunter-Lab	47.036, 9.289, -61.545
Binary	01001010, 01111111, 11100010

#4a7fe2
```
#4a7fe2 rgb(74,127,226)
```
#e2ad4a
```
#e2ad4a rgb(226,173,74)
```

Complementary Color

#4acbe2
```
#4acbe2 rgb(74,203,226)
```
#4a7fe2
```
#4a7fe2 rgb(74,127,226)
```
#614ae2
```
#614ae2 rgb(97,74,226)
```

Analogous Color

#cbe24a
```
#cbe24a rgb(203,226,74)
```
#4a7fe2
```
#4a7fe2 rgb(74,127,226)
```
#e2614a
```
#e2614a rgb(226,97,74)
```

Split Complementary Color

#7fe24a
```
#7fe24a rgb(127,226,74)
```
#4a7fe2
```
#4a7fe2 rgb(74,127,226)
```
#e24a7f
```
#e24a7f rgb(226,74,127)
```

Triadic Color

#4ae2ad
```
#4ae2ad rgb(74,226,173)
```
#4a7fe2
```
#4a7fe2 rgb(74,127,226)
```
#e24a7f
```
#e24a7f rgb(226,74,127)
```
#e2ad4a
```
#e2ad4a rgb(226,173,74)
```

Tetradic Color

#1f57c1
```
#1f57c1 rgb(31,87,193)
```
#2261d7
```
#2261d7 rgb(34,97,215)
```
#346fde
```
#346fde rgb(52,111,222)
```
#4a7fe2
```
#4a7fe2 rgb(74,127,226)
```
#608fe6
```
#608fe6 rgb(96,143,230)
```
#769ee9
```
#769ee9 rgb(118,158,233)
```
#8caeed
```
#8caeed rgb(140,174,237)
```

Monochromatic Color

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

#4aa5e2
```
#4aa5e2 rgb(74,165,226)
```
#4a98e2
```
#4a98e2 rgb(74,152,226)
```
#4a8ce2
```
#4a8ce2 rgb(74,140,226)
```
#4a7fe2
```
#4a7fe2 rgb(74,127,226)
```
#4a72e2
```
#4a72e2 rgb(74,114,226)
```
#4a66e2
```
#4a66e2 rgb(74,102,226)
```
#4a59e2
```
#4a59e2 rgb(74,89,226)
```

Similar Colors

Text with hexadecimal color #4a7fe2

This text has a font color of #4a7fe2.

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

#4a7fe2 background color

This paragraph has a background color of #4a7fe2.

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

#4a7fe2 border color

This element has a border color of #4a7fe2.

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

CSS codes

.text {color:#4a7fe2;}

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

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

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)
```
#091938
```
#091938 rgb(9,25,56)
```
#0c2149
```
#0c2149 rgb(12,33,73)
```
#0e295a
```
#0e295a rgb(14,41,90)
```
#11306a
```
#11306a rgb(17,48,106)
```
#14387b
```
#14387b rgb(20,56,123)
```
#16408c
```
#16408c rgb(22,64,140)
```
#19479d
```
#19479d rgb(25,71,157)
```
#1c4fae
```
#1c4fae rgb(28,79,174)
```
#1f57bf
```
#1f57bf rgb(31,87,191)
```
#215ed0
```
#215ed0 rgb(33,94,208)
```

Shade Color Variation

#2867dd
```
#2867dd rgb(40,103,221)
```
#3973df
```
#3973df rgb(57,115,223)
```
#4a7fe2
```
#4a7fe2 rgb(74,127,226)
```
#5b8be5
```
#5b8be5 rgb(91,139,229)
```
#6c97e7
```
#6c97e7 rgb(108,151,231)
```
#7da3ea
```
#7da3ea rgb(125,163,234)
```
#8eafed
```
#8eafed rgb(142,175,237)
```
#9fbbf0
```
#9fbbf0 rgb(159,187,240)
```
#afc7f2
```
#afc7f2 rgb(175,199,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 #3278fa is the most saturated one.

#939599
```
#939599 rgb(147,149,153)
```
#8b93a1
```
#8b93a1 rgb(139,147,161)
```
#8390a9
```
#8390a9 rgb(131,144,169)
```
#7a8eb2
```
#7a8eb2 rgb(122,142,178)
```
#728bba
```
#728bba rgb(114,139,186)
```
#6a89c2
```
#6a89c2 rgb(106,137,194)
```
#6286ca
```
#6286ca rgb(98,134,202)
```
#5a84d2
```
#5a84d2 rgb(90,132,210)
```
#5281da
```
#5281da rgb(82,129,218)
```
#4a7fe2
```
#4a7fe2 rgb(74,127,226)
```
#427dea
```
#427dea rgb(66,125,234)
```
#3a7af2
```
#3a7af2 rgb(58,122,242)
```
#3278fa
```
#3278fa rgb(50,120,250)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#707b8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5884e2 Protanopia 1% of men
#3189e1 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5382e2 Protanomaly 1% of men, 0.01% of women
#3a85e1 Deuteranomaly 6% of men, 0.4% of women
#1a8db7 Tritanomaly 0.01% of the population

#4a7fe2 hex color

#4a7fe2 Color Information

#4a7fe2 Color Conversion

Color Schemes with #4a7fe2

Alternatives to #4a7fe2

#4a7fe2 Preview

Shades and Tints of #4a7fe2

Tones of #4a7fe2

Color Blindness Simulator