#485788 hex color

In a RGB color space, hex #485788 is composed of 28.2% red, 34.1% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 36% magenta, 0% yellow and 46.7% black. It has a hue angle of 225.9 degrees, a saturation of 30.8% and a lightness of 40.8%. #485788 color hex could be obtained by blending #90aeff with #000011. Closest websafe color is: #336699.

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

● #485788 color description : Dark moderate blue.

The hexadecimal color #485788 has RGB values of R:72, G:87, B:136 and CMYK values of C:0.47, M:0.36, Y:0, K:0.47. Its decimal value is 4741000.

Hex triplet	485788	`#485788`
RGB Decimal	72, 87, 136	`rgb(72,87,136)`
RGB Percent	28.2, 34.1, 53.3	`rgb(28.2%,34.1%,53.3%)`
CMYK	47, 36, 0, 47
HSL	225.9°, 30.8, 40.8	`hsl(225.9,30.8%,40.8%)`
HSV (or HSB)	225.9°, 47.1, 53.3
Web Safe	336699	`#336699`

CIE-LAB	37.791, 8.236, -29.17
XYZ	10.524, 9.971, 24.661
xyY	0.233, 0.221, 9.971
CIE-LCH	37.791, 30.31, 285.767
CIE-LUV	37.791, -8.846, -41.735
Hunter-Lab	31.577, 4.228, -24.2
Binary	01001000, 01010111, 10001000

#485788
```
#485788 rgb(72,87,136)
```
#887948
```
#887948 rgb(136,121,72)
```

Complementary Color

#487788
```
#487788 rgb(72,119,136)
```
#485788
```
#485788 rgb(72,87,136)
```
#594888
```
#594888 rgb(89,72,136)
```

Analogous Color

#778848
```
#778848 rgb(119,136,72)
```
#485788
```
#485788 rgb(72,87,136)
```
#885948
```
#885948 rgb(136,89,72)
```

Split Complementary Color

#578848
```
#578848 rgb(87,136,72)
```
#485788
```
#485788 rgb(72,87,136)
```
#884857
```
#884857 rgb(136,72,87)
```

Triadic Color

#488879
```
#488879 rgb(72,136,121)
```
#485788
```
#485788 rgb(72,87,136)
```
#884857
```
#884857 rgb(136,72,87)
```
#887948
```
#887948 rgb(136,121,72)
```

Tetradic Color

#2e3756
```
#2e3756 rgb(46,55,86)
```
#364267
```
#364267 rgb(54,66,103)
```
#3f4c77
```
#3f4c77 rgb(63,76,119)
```
#485788
```
#485788 rgb(72,87,136)
```
#516299
```
#516299 rgb(81,98,153)
```
#5b6da8
```
#5b6da8 rgb(91,109,168)
```
#6c7cb1
```
#6c7cb1 rgb(108,124,177)
```

Monochromatic Color

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

#486788
```
#486788 rgb(72,103,136)
```
#486288
```
#486288 rgb(72,98,136)
```
#485c88
```
#485c88 rgb(72,92,136)
```
#485788
```
#485788 rgb(72,87,136)
```
#485288
```
#485288 rgb(72,82,136)
```
#484c88
```
#484c88 rgb(72,76,136)
```
#494888
```
#494888 rgb(73,72,136)
```

Similar Colors

Text with hexadecimal color #485788

This text has a font color of #485788.

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

#485788 background color

This paragraph has a background color of #485788.

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

#485788 border color

This element has a border color of #485788.

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

CSS codes

.text {color:#485788;}

.background {background-color:#485788;}

.border {border:1px solid #485788;}

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

#040508
```
#040508 rgb(4,5,8)
```
#0b0d15
```
#0b0d15 rgb(11,13,21)
```
#121521
```
#121521 rgb(18,21,33)
```
#181e2e
```
#181e2e rgb(24,30,46)
```
#1f263b
```
#1f263b rgb(31,38,59)
```
#262e48
```
#262e48 rgb(38,46,72)
```
#2d3655
```
#2d3655 rgb(45,54,85)
```
#343e62
```
#343e62 rgb(52,62,98)
```
#3a476e
```
#3a476e rgb(58,71,110)
```
#414f7b
```
#414f7b rgb(65,79,123)
```
#485788
```
#485788 rgb(72,87,136)
```
#4f5f95
```
#4f5f95 rgb(79,95,149)
```
#5667a2
```
#5667a2 rgb(86,103,162)
```

Shade Color Variation

#6072ab
```
#6072ab rgb(96,114,171)
```
#6d7db2
```
#6d7db2 rgb(109,125,178)
```
#7a88b8
```
#7a88b8 rgb(122,136,184)
```
#8694bf
```
#8694bf rgb(134,148,191)
```
#939fc6
```
#939fc6 rgb(147,159,198)
```
#a0abcd
```
#a0abcd rgb(160,171,205)
```
#adb6d4
```
#adb6d4 rgb(173,182,212)
```
#bac1da
```
#bac1da rgb(186,193,218)
```
#c7cde1
```
#c7cde1 rgb(199,205,225)
```
#d3d8e8
```
#d3d8e8 rgb(211,216,232)
```
#e0e4ef
```
#e0e4ef rgb(224,228,239)
```
#edeff6
```
#edeff6 rgb(237,239,246)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#606470
```
#606470 rgb(96,100,112)
```
#586078
```
#586078 rgb(88,96,120)
```
#505b80
```
#505b80 rgb(80,91,128)
```
#485788
```
#485788 rgb(72,87,136)
```
#405390
```
#405390 rgb(64,83,144)
```
#384f98
```
#384f98 rgb(56,79,152)
```
#304aa0
```
#304aa0 rgb(48,74,160)
```
#2846a8
```
#2846a8 rgb(40,70,168)
```
#2042b0
```
#2042b0 rgb(32,66,176)
```
#183eb8
```
#183eb8 rgb(24,62,184)
```
#1039c0
```
#1039c0 rgb(16,57,192)
```
#0835c8
```
#0835c8 rgb(8,53,200)
```
#0031d0
```
#0031d0 rgb(0,49,208)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#555862 Atypical Achromatopsia 0.001% of the population

Dichromacy

#50608e Protanopia 1% of men
#4b618d Deuteranopia 1% of men
#46666e Tritanopia 0.001% of the population

Trichromacy

#4d5c8c Protanomaly 1% of men, 0.01% of women
#4a5d8b Deuteranomaly 6% of men, 0.4% of women
#466077 Tritanomaly 0.01% of the population

#485788 hex color

#485788 Color Information

#485788 Color Conversion

Color Schemes with #485788

Alternatives to #485788

#485788 Preview

Shades and Tints of #485788

Tones of #485788

Color Blindness Simulator