#4a85d5 hex color

In a RGB color space, hex #4a85d5 is composed of 29% red, 52.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 37.6% magenta, 0% yellow and 16.5% black. It has a hue angle of 214.5 degrees, a saturation of 62.3% and a lightness of 56.3%. #4a85d5 color hex could be obtained by blending #94ffff with #000bab. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 52
- B 84
RGB color chart
- C 65
- M 38
- Y 0
- K 16
CMYK color chart

● #4a85d5 color description : Moderate blue.

The hexadecimal color #4a85d5 has RGB values of R:74, G:133, B:213 and CMYK values of C:0.65, M:0.38, Y:0, K:0.16. Its decimal value is 4883925.

Hex triplet	4a85d5	`#4a85d5`
RGB Decimal	74, 133, 213	`rgb(74,133,213)`
RGB Percent	29, 52.2, 83.5	`rgb(29%,52.2%,83.5%)`
CMYK	65, 38, 0, 16
HSL	214.5°, 62.3, 56.3	`hsl(214.5,62.3%,56.3%)`
HSV (or HSB)	214.5°, 65.3, 83.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.107, 6.069, -46.808
XYZ	23.219, 23.033, 66.169
xyY	0.207, 0.205, 23.033
CIE-LCH	55.107, 47.2, 277.388
CIE-LUV	55.107, -24.431, -73.697
Hunter-Lab	47.993, 2.37, -48.149
Binary	01001010, 10000101, 11010101

#4a85d5
```
#4a85d5 rgb(74,133,213)
```
#d59a4a
```
#d59a4a rgb(213,154,74)
```

Complementary Color

#4acbd5
```
#4acbd5 rgb(74,203,213)
```
#4a85d5
```
#4a85d5 rgb(74,133,213)
```
#554ad5
```
#554ad5 rgb(85,74,213)
```

Analogous Color

#cbd54a
```
#cbd54a rgb(203,213,74)
```
#4a85d5
```
#4a85d5 rgb(74,133,213)
```
#d5544a
```
#d5544a rgb(213,84,74)
```

Split Complementary Color

#85d54a
```
#85d54a rgb(133,213,74)
```
#4a85d5
```
#4a85d5 rgb(74,133,213)
```
#d54a85
```
#d54a85 rgb(213,74,133)
```

Triadic Color

#4ad59a
```
#4ad59a rgb(74,213,154)
```
#4a85d5
```
#4a85d5 rgb(74,133,213)
```
#d54a85
```
#d54a85 rgb(213,74,133)
```
#d59a4a
```
#d59a4a rgb(213,154,74)
```

Tetradic Color

#285fab
```
#285fab rgb(40,95,171)
```
#2c6bc0
```
#2c6bc0 rgb(44,107,192)
```
#3577d0
```
#3577d0 rgb(53,119,208)
```
#4a85d5
```
#4a85d5 rgb(74,133,213)
```
#5f93da
```
#5f93da rgb(95,147,218)
```
#73a1df
```
#73a1df rgb(115,161,223)
```
#88afe3
```
#88afe3 rgb(136,175,227)
```

Monochromatic Color

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

#4aa8d5
```
#4aa8d5 rgb(74,168,213)
```
#4a9cd5
```
#4a9cd5 rgb(74,156,213)
```
#4a91d5
```
#4a91d5 rgb(74,145,213)
```
#4a85d5
```
#4a85d5 rgb(74,133,213)
```
#4a79d5
```
#4a79d5 rgb(74,121,213)
```
#4a6ed5
```
#4a6ed5 rgb(74,110,213)
```
#4a62d5
```
#4a62d5 rgb(74,98,213)
```

Similar Colors

Text with hexadecimal color #4a85d5

This text has a font color of #4a85d5.

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

#4a85d5 background color

This paragraph has a background color of #4a85d5.

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

#4a85d5 border color

This element has a border color of #4a85d5.

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

CSS codes

.text {color:#4a85d5;}

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

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

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#060e1a
```
#060e1a rgb(6,14,26)
```
#0a172a
```
#0a172a rgb(10,23,42)
```
#0d203a
```
#0d203a rgb(13,32,58)
```
#11294a
```
#11294a rgb(17,41,74)
```
#15325a
```
#15325a rgb(21,50,90)
```
#183b6a
```
#183b6a rgb(24,59,106)
```
#1c4479
```
#1c4479 rgb(28,68,121)
```
#204d89
```
#204d89 rgb(32,77,137)
```
#245699
```
#245699 rgb(36,86,153)
```
#275ea9
```
#275ea9 rgb(39,94,169)
```
#2b67b9
```
#2b67b9 rgb(43,103,185)
```
#2f70c9
```
#2f70c9 rgb(47,112,201)
```

Shade Color Variation

#3a7ad1
```
#3a7ad1 rgb(58,122,209)
```
#4a85d5
```
#4a85d5 rgb(74,133,213)
```
#5a90d9
```
#5a90d9 rgb(90,144,217)
```
#6a9adc
```
#6a9adc rgb(106,154,220)
```
#7aa5e0
```
#7aa5e0 rgb(122,165,224)
```
#8ab0e4
```
#8ab0e4 rgb(138,176,228)
```
#9abbe7
```
#9abbe7 rgb(154,187,231)
```
#aac5eb
```
#aac5eb rgb(170,197,235)
```
#b9d0ef
```
#b9d0ef rgb(185,208,239)
```
#c9dbf3
```
#c9dbf3 rgb(201,219,243)
```
#d9e6f6
```
#d9e6f6 rgb(217,230,246)
```
#e9f0fa
```
#e9f0fa rgb(233,240,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f90 is the less saturated color, while #2880f7 is the most saturated one.

#8f8f90
```
#8f8f90 rgb(143,143,144)
```
#868e99
```
#868e99 rgb(134,142,153)
```
#7d8da2
```
#7d8da2 rgb(125,141,162)
```
#758baa
```
#758baa rgb(117,139,170)
```
#6c8ab3
```
#6c8ab3 rgb(108,138,179)
```
#6489bb
```
#6489bb rgb(100,137,187)
```
#5b88c4
```
#5b88c4 rgb(91,136,196)
```
#5386cc
```
#5386cc rgb(83,134,204)
```
#4a85d5
```
#4a85d5 rgb(74,133,213)
```
#4184de
```
#4184de rgb(65,132,222)
```
#3982e6
```
#3982e6 rgb(57,130,230)
```
#3081ef
```
#3081ef rgb(48,129,239)
```
#2880f7
```
#2880f7 rgb(40,128,247)
```

Tone Color Variation

Below, you can see how #4a85d5 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
#727e8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a87d4 Protanopia 1% of men
#568ad7 Deuteranopia 1% of men
#2697a2 Tritanopia 0.001% of the population

Trichromacy

#5e86d4 Protanomaly 1% of men, 0.01% of women
#5188d6 Deuteranomaly 6% of men, 0.4% of women
#3390b4 Tritanomaly 0.01% of the population

#4a85d5 hex color

#4a85d5 Color Information

#4a85d5 Color Conversion

Color Schemes with #4a85d5

Alternatives to #4a85d5

#4a85d5 Preview

Shades and Tints of #4a85d5

Tones of #4a85d5

Color Blindness Simulator