#485ba8 hex color

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

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

● #485ba8 color description : Dark moderate blue.

The hexadecimal color #485ba8 has RGB values of R:72, G:91, B:168 and CMYK values of C:0.57, M:0.46, Y:0, K:0.34. Its decimal value is 4742056.

Hex triplet	485ba8	`#485ba8`
RGB Decimal	72, 91, 168	`rgb(72,91,168)`
RGB Percent	28.2, 35.7, 65.9	`rgb(28.2%,35.7%,65.9%)`
CMYK	57, 46, 0, 34
HSL	228.1°, 40, 47.1	`hsl(228.1,40%,47.1%)`
HSV (or HSB)	228.1°, 57.1, 65.9
Web Safe	336699	`#336699`

CIE-LAB	40.713, 16.294, -43.754
XYZ	13.48, 11.686, 38.589
xyY	0.211, 0.183, 11.686
CIE-LCH	40.713, 46.689, 290.425
CIE-LUV	40.713, -11.002, -65.087
Hunter-Lab	34.185, 10.562, -42.998
Binary	01001000, 01011011, 10101000

#485ba8
```
#485ba8 rgb(72,91,168)
```
#a89548
```
#a89548 rgb(168,149,72)
```

Complementary Color

#488ba8
```
#488ba8 rgb(72,139,168)
```
#485ba8
```
#485ba8 rgb(72,91,168)
```
#6548a8
```
#6548a8 rgb(101,72,168)
```

Analogous Color

#8ba848
```
#8ba848 rgb(139,168,72)
```
#485ba8
```
#485ba8 rgb(72,91,168)
```
#a86548
```
#a86548 rgb(168,101,72)
```

Split Complementary Color

#5ba848
```
#5ba848 rgb(91,168,72)
```
#485ba8
```
#485ba8 rgb(72,91,168)
```
#a8485b
```
#a8485b rgb(168,72,91)
```

Triadic Color

#48a895
```
#48a895 rgb(72,168,149)
```
#485ba8
```
#485ba8 rgb(72,91,168)
```
#a8485b
```
#a8485b rgb(168,72,91)
```
#a89548
```
#a89548 rgb(168,149,72)
```

Tetradic Color

#313e72
```
#313e72 rgb(49,62,114)
```
#394884
```
#394884 rgb(57,72,132)
```
#405196
```
#405196 rgb(64,81,150)
```
#485ba8
```
#485ba8 rgb(72,91,168)
```
#5467b6
```
#5467b6 rgb(84,103,182)
```
#6677bd
```
#6677bd rgb(102,119,189)
```
#7887c5
```
#7887c5 rgb(120,135,197)
```

Monochromatic Color

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

#4873a8
```
#4873a8 rgb(72,115,168)
```
#486ba8
```
#486ba8 rgb(72,107,168)
```
#4863a8
```
#4863a8 rgb(72,99,168)
```
#485ba8
```
#485ba8 rgb(72,91,168)
```
#4853a8
```
#4853a8 rgb(72,83,168)
```
#484ba8
```
#484ba8 rgb(72,75,168)
```
#4d48a8
```
#4d48a8 rgb(77,72,168)
```

Similar Colors

Text with hexadecimal color #485ba8

This text has a font color of #485ba8.

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

#485ba8 background color

This paragraph has a background color of #485ba8.

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

#485ba8 border color

This element has a border color of #485ba8.

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

CSS codes

.text {color:#485ba8;}

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

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

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)
```
#13182c
```
#13182c rgb(19,24,44)
```
#19203a
```
#19203a rgb(25,32,58)
```
#1f2748
```
#1f2748 rgb(31,39,72)
```
#252e56
```
#252e56 rgb(37,46,86)
```
#2b3663
```
#2b3663 rgb(43,54,99)
```
#303d71
```
#303d71 rgb(48,61,113)
```
#36457f
```
#36457f rgb(54,69,127)
```
#3c4c8d
```
#3c4c8d rgb(60,76,141)
```
#42549a
```
#42549a rgb(66,84,154)
```
#485ba8
```
#485ba8 rgb(72,91,168)
```

Shade Color Variation

#5064b4
```
#5064b4 rgb(80,100,180)
```
#5d70ba
```
#5d70ba rgb(93,112,186)
```
#6b7cc0
```
#6b7cc0 rgb(107,124,192)
```
#7988c6
```
#7988c6 rgb(121,136,198)
```
#8794cb
```
#8794cb rgb(135,148,203)
```
#94a0d1
```
#94a0d1 rgb(148,160,209)
```
#a2add7
```
#a2add7 rgb(162,173,215)
```
#b0b9dd
```
#b0b9dd rgb(176,185,221)
```
#bec5e3
```
#bec5e3 rgb(190,197,227)
```
#cbd1e9
```
#cbd1e9 rgb(203,209,233)
```
#d9ddef
```
#d9ddef rgb(217,221,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 #0734e9 is the most saturated one.

#76777a
```
#76777a rgb(118,119,122)
```
#6d7183
```
#6d7183 rgb(109,113,131)
```
#646c8c
```
#646c8c rgb(100,108,140)
```
#5a6696
```
#5a6696 rgb(90,102,150)
```
#51619f
```
#51619f rgb(81,97,159)
```
#485ba8
```
#485ba8 rgb(72,91,168)
```
#3f55b1
```
#3f55b1 rgb(63,85,177)
```
#3650ba
```
#3650ba rgb(54,80,186)
```
#2c4ac4
```
#2c4ac4 rgb(44,74,196)
```
#2345cd
```
#2345cd rgb(35,69,205)
```
#1a3fd6
```
#1a3fd6 rgb(26,63,214)
```
#113adf
```
#113adf rgb(17,58,223)
```
#0734e9
```
#0734e9 rgb(7,52,233)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5a5d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4365ae Protanopia 1% of men
#2f69aa Deuteranopia 1% of men
#367078 Tritanopia 0.001% of the population

Trichromacy

#4561ac Protanomaly 1% of men, 0.01% of women
#3864a9 Deuteranomaly 6% of men, 0.4% of women
#3d6889 Tritanomaly 0.01% of the population

#485ba8 hex color

#485ba8 Color Information

#485ba8 Color Conversion

Color Schemes with #485ba8

Alternatives to #485ba8

#485ba8 Preview

Shades and Tints of #485ba8

Tones of #485ba8

Color Blindness Simulator