#485ea8 hex color

In a RGB color space, hex #485ea8 is composed of 28.2% red, 36.9% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 44% magenta, 0% yellow and 34.1% black. It has a hue angle of 226.3 degrees, a saturation of 40% and a lightness of 47.1%. #485ea8 color hex could be obtained by blending #90bcff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 37
- B 66
RGB color chart
- C 57
- M 44
- Y 0
- K 34
CMYK color chart

● #485ea8 color description : Dark moderate blue.

The hexadecimal color #485ea8 has RGB values of R:72, G:94, B:168 and CMYK values of C:0.57, M:0.44, Y:0, K:0.34. Its decimal value is 4742824.

Hex triplet	485ea8	`#485ea8`
RGB Decimal	72, 94, 168	`rgb(72,94,168)`
RGB Percent	28.2, 36.9, 65.9	`rgb(28.2%,36.9%,65.9%)`
CMYK	57, 44, 0, 34
HSL	226.3°, 40, 47.1	`hsl(226.3,40%,47.1%)`
HSV (or HSB)	226.3°, 57.1, 65.9
Web Safe	336699	`#336699`

CIE-LAB	41.547, 14.375, -42.422
XYZ	13.742, 12.21, 38.676
xyY	0.213, 0.189, 12.21
CIE-LCH	41.547, 44.791, 288.719
CIE-LUV	41.547, -11.98, -63.283
Hunter-Lab	34.942, 9.049, -41.166
Binary	01001000, 01011110, 10101000

#485ea8
```
#485ea8 rgb(72,94,168)
```
#a89248
```
#a89248 rgb(168,146,72)
```

Complementary Color

#488ea8
```
#488ea8 rgb(72,142,168)
```
#485ea8
```
#485ea8 rgb(72,94,168)
```
#6248a8
```
#6248a8 rgb(98,72,168)
```

Analogous Color

#8ea848
```
#8ea848 rgb(142,168,72)
```
#485ea8
```
#485ea8 rgb(72,94,168)
```
#a86248
```
#a86248 rgb(168,98,72)
```

Split Complementary Color

#5ea848
```
#5ea848 rgb(94,168,72)
```
#485ea8
```
#485ea8 rgb(72,94,168)
```
#a8485e
```
#a8485e rgb(168,72,94)
```

Triadic Color

#48a892
```
#48a892 rgb(72,168,146)
```
#485ea8
```
#485ea8 rgb(72,94,168)
```
#a8485e
```
#a8485e rgb(168,72,94)
```
#a89248
```
#a89248 rgb(168,146,72)
```

Tetradic Color

#314072
```
#314072 rgb(49,64,114)
```
#394a84
```
#394a84 rgb(57,74,132)
```
#405496
```
#405496 rgb(64,84,150)
```
#485ea8
```
#485ea8 rgb(72,94,168)
```
#546ab6
```
#546ab6 rgb(84,106,182)
```
#667abd
```
#667abd rgb(102,122,189)
```
#7889c5
```
#7889c5 rgb(120,137,197)
```

Monochromatic Color

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

#4876a8
```
#4876a8 rgb(72,118,168)
```
#486ea8
```
#486ea8 rgb(72,110,168)
```
#4866a8
```
#4866a8 rgb(72,102,168)
```
#485ea8
```
#485ea8 rgb(72,94,168)
```
#4856a8
```
#4856a8 rgb(72,86,168)
```
#484ea8
```
#484ea8 rgb(72,78,168)
```
#4a48a8
```
#4a48a8 rgb(74,72,168)
```

Similar Colors

Text with hexadecimal color #485ea8

This text has a font color of #485ea8.

<span style="color:#485ea8;">Text here</span>

#485ea8 background color

This paragraph has a background color of #485ea8.

<p style="background-color:#485ea8;">Content here</p>

#485ea8 border color

This element has a border color of #485ea8.

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

CSS codes

.text {color:#485ea8;}

.background {background-color:#485ea8;}

.border {border:1px solid #485ea8;}

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

#010203
```
#010203 rgb(1,2,3)
```
#070911
```
#070911 rgb(7,9,17)
```
#0d111f
```
#0d111f rgb(13,17,31)
```
#13192c
```
#13192c rgb(19,25,44)
```
#19213a
```
#19213a rgb(25,33,58)
```
#1f2848
```
#1f2848 rgb(31,40,72)
```
#253056
```
#253056 rgb(37,48,86)
```
#2b3863
```
#2b3863 rgb(43,56,99)
```
#303f71
```
#303f71 rgb(48,63,113)
```
#36477f
```
#36477f rgb(54,71,127)
```
#3c4f8d
```
#3c4f8d rgb(60,79,141)
```
#42569a
```
#42569a rgb(66,86,154)
```
#485ea8
```
#485ea8 rgb(72,94,168)
```

Shade Color Variation

#5067b4
```
#5067b4 rgb(80,103,180)
```
#5d73ba
```
#5d73ba rgb(93,115,186)
```
#6b7fc0
```
#6b7fc0 rgb(107,127,192)
```
#798ac6
```
#798ac6 rgb(121,138,198)
```
#8796cb
```
#8796cb rgb(135,150,203)
```
#94a2d1
```
#94a2d1 rgb(148,162,209)
```
#a2aed7
```
#a2aed7 rgb(162,174,215)
```
#b0badd
```
#b0badd rgb(176,186,221)
```
#bec6e3
```
#bec6e3 rgb(190,198,227)
```
#cbd2e9
```
#cbd2e9 rgb(203,210,233)
```
#d9deef
```
#d9deef rgb(217,222,239)
```
#e7eaf5
```
#e7eaf5 rgb(231,234,245)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

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

#76777a
```
#76777a rgb(118,119,122)
```
#6d7283
```
#6d7283 rgb(109,114,131)
```
#646d8c
```
#646d8c rgb(100,109,140)
```
#5a6896
```
#5a6896 rgb(90,104,150)
```
#51639f
```
#51639f rgb(81,99,159)
```
#485ea8
```
#485ea8 rgb(72,94,168)
```
#3f59b1
```
#3f59b1 rgb(63,89,177)
```
#3654ba
```
#3654ba rgb(54,84,186)
```
#2c4fc4
```
#2c4fc4 rgb(44,79,196)
```
#234acd
```
#234acd rgb(35,74,205)
```
#1a45d6
```
#1a45d6 rgb(26,69,214)
```
#1140df
```
#1140df rgb(17,64,223)
```
#073be9
```
#073be9 rgb(7,59,233)
```

Tone Color Variation

Below, you can see how #485ea8 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

#606060 Achromatopsia 0.005% of the population
#5b606e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4867ad Protanopia 1% of men
#376baa Deuteranopia 1% of men
#37727a Tritanopia 0.001% of the population

Trichromacy

#4864ab Protanomaly 1% of men, 0.01% of women
#3d66a9 Deuteranomaly 6% of men, 0.4% of women
#3d6a8b Tritanomaly 0.01% of the population

#485ea8 hex color

#485ea8 Color Information

#485ea8 Color Conversion

Color Schemes with #485ea8

Alternatives to #485ea8

#485ea8 Preview

Shades and Tints of #485ea8

Tones of #485ea8

Color Blindness Simulator