#485b99 hex color

In a RGB color space, hex #485b99 is composed of 28.2% red, 35.7% green and 60% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 40.5% magenta, 0% yellow and 40% black. It has a hue angle of 225.9 degrees, a saturation of 36% and a lightness of 44.1%. #485b99 color hex could be obtained by blending #90b6ff with #000033. Closest websafe color is: #336699.

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

● #485b99 color description : Dark moderate blue.

The hexadecimal color #485b99 has RGB values of R:72, G:91, B:153 and CMYK values of C:0.53, M:0.41, Y:0, K:0.4. Its decimal value is 4742041.

Hex triplet	485b99	`#485b99`
RGB Decimal	72, 91, 153	`rgb(72,91,153)`
RGB Percent	28.2, 35.7, 60	`rgb(28.2%,35.7%,60%)`
CMYK	53, 41, 0, 40
HSL	225.9°, 36, 44.1	`hsl(225.9,36%,44.1%)`
HSV (or HSB)	225.9°, 52.9, 60
Web Safe	336699	`#336699`

CIE-LAB	39.847, 11.236, -36.194
XYZ	12.162, 11.159, 31.648
xyY	0.221, 0.203, 11.159
CIE-LCH	39.847, 37.898, 287.246
CIE-LUV	39.847, -10.677, -53.073
Hunter-Lab	33.405, 6.528, -32.787
Binary	01001000, 01011011, 10011001

#485b99
```
#485b99 rgb(72,91,153)
```
#998648
```
#998648 rgb(153,134,72)
```

Complementary Color

#488499
```
#488499 rgb(72,132,153)
```
#485b99
```
#485b99 rgb(72,91,153)
```
#5d4899
```
#5d4899 rgb(93,72,153)
```

Analogous Color

#849948
```
#849948 rgb(132,153,72)
```
#485b99
```
#485b99 rgb(72,91,153)
```
#995d48
```
#995d48 rgb(153,93,72)
```

Split Complementary Color

#5b9948
```
#5b9948 rgb(91,153,72)
```
#485b99
```
#485b99 rgb(72,91,153)
```
#99485b
```
#99485b rgb(153,72,91)
```

Triadic Color

#489986
```
#489986 rgb(72,153,134)
```
#485b99
```
#485b99 rgb(72,91,153)
```
#99485b
```
#99485b rgb(153,72,91)
```
#998648
```
#998648 rgb(153,134,72)
```

Tetradic Color

#303c65
```
#303c65 rgb(48,60,101)
```
#384676
```
#384676 rgb(56,70,118)
```
#405188
```
#405188 rgb(64,81,136)
```
#485b99
```
#485b99 rgb(72,91,153)
```
#5065aa
```
#5065aa rgb(80,101,170)
```
#6074b4
```
#6074b4 rgb(96,116,180)
```
#7183bc
```
#7183bc rgb(113,131,188)
```

Monochromatic Color

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

#486f99
```
#486f99 rgb(72,111,153)
```
#486999
```
#486999 rgb(72,105,153)
```
#486299
```
#486299 rgb(72,98,153)
```
#485b99
```
#485b99 rgb(72,91,153)
```
#485499
```
#485499 rgb(72,84,153)
```
#484e99
```
#484e99 rgb(72,78,153)
```
#494899
```
#494899 rgb(73,72,153)
```

Similar Colors

Text with hexadecimal color #485b99

This text has a font color of #485b99.

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

#485b99 background color

This paragraph has a background color of #485b99.

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

#485b99 border color

This element has a border color of #485b99.

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

CSS codes

.text {color:#485b99;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090c14
```
#090c14 rgb(9,12,20)
```
#101421
```
#101421 rgb(16,20,33)
```
#161c2e
```
#161c2e rgb(22,28,46)
```
#1c233c
```
#1c233c rgb(28,35,60)
```
#222b49
```
#222b49 rgb(34,43,73)
```
#293356
```
#293356 rgb(41,51,86)
```
#2f3b64
```
#2f3b64 rgb(47,59,100)
```
#354371
```
#354371 rgb(53,67,113)
```
#3b4b7e
```
#3b4b7e rgb(59,75,126)
```
#42538c
```
#42538c rgb(66,83,140)
```
#485b99
```
#485b99 rgb(72,91,153)
```
#4e63a6
```
#4e63a6 rgb(78,99,166)
```

Shade Color Variation

#586db0
```
#586db0 rgb(88,109,176)
```
#6578b7
```
#6578b7 rgb(101,120,183)
```
#7384bd
```
#7384bd rgb(115,132,189)
```
#8090c3
```
#8090c3 rgb(128,144,195)
```
#8d9bc9
```
#8d9bc9 rgb(141,155,201)
```
#9ba7d0
```
#9ba7d0 rgb(155,167,208)
```
#a8b3d6
```
#a8b3d6 rgb(168,179,214)
```
#b5bedc
```
#b5bedc rgb(181,190,220)
```
#c3cae3
```
#c3cae3 rgb(195,202,227)
```
#d0d6e9
```
#d0d6e9 rgb(208,214,233)
```
#dde1ef
```
#dde1ef rgb(221,225,239)
```
#ebedf5
```
#ebedf5 rgb(235,237,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6d76 is the less saturated color, while #0336de is the most saturated one.

#6b6d76
```
#6b6d76 rgb(107,109,118)
```
#62697f
```
#62697f rgb(98,105,127)
```
#596488
```
#596488 rgb(89,100,136)
```
#516090
```
#516090 rgb(81,96,144)
```
#485b99
```
#485b99 rgb(72,91,153)
```
#3f56a2
```
#3f56a2 rgb(63,86,162)
```
#3752aa
```
#3752aa rgb(55,82,170)
```
#2e4db3
```
#2e4db3 rgb(46,77,179)
```
#2549bc
```
#2549bc rgb(37,73,188)
```
#1d44c4
```
#1d44c4 rgb(29,68,196)
```
#143fcd
```
#143fcd rgb(20,63,205)
```
#0b3bd6
```
#0b3bd6 rgb(11,59,214)
```
#0336de
```
#0336de rgb(3,54,222)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#585c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d649e Protanopia 1% of men
#43669d Deuteranopia 1% of men
#3f6c74 Tritanopia 0.001% of the population

Trichromacy

#4b609c Protanomaly 1% of men, 0.01% of women
#44629b Deuteranomaly 6% of men, 0.4% of women
#426682 Tritanomaly 0.01% of the population

#485b99 hex color

#485b99 Color Information

#485b99 Color Conversion

Color Schemes with #485b99

Alternatives to #485b99

#485b99 Preview

Shades and Tints of #485b99

Tones of #485b99

Color Blindness Simulator