#485cb9 hex color

In a RGB color space, hex #485cb9 is composed of 28.2% red, 36.1% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 50.3% magenta, 0% yellow and 27.5% black. It has a hue angle of 229.4 degrees, a saturation of 44.7% and a lightness of 50.4%. #485cb9 color hex could be obtained by blending #90b8ff with #000073. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 36
- B 73
RGB color chart
- C 61
- M 50
- Y 0
- K 27
CMYK color chart

● #485cb9 color description : Moderate blue.

The hexadecimal color #485cb9 has RGB values of R:72, G:92, B:185 and CMYK values of C:0.61, M:0.5, Y:0, K:0.27. Its decimal value is 4742329.

Hex triplet	485cb9	`#485cb9`
RGB Decimal	72, 92, 185	`rgb(72,92,185)`
RGB Percent	28.2, 36.1, 72.5	`rgb(28.2%,36.1%,72.5%)`
CMYK	61, 50, 0, 27
HSL	229.4°, 44.7, 50.4	`hsl(229.4,44.7%,50.4%)`
HSV (or HSB)	229.4°, 61.1, 72.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.053, 21.496, -51.606
XYZ	15.255, 12.534, 47.512
xyY	0.203, 0.166, 12.534
CIE-LCH	42.053, 55.904, 292.614
CIE-LUV	42.053, -11.689, -77.694
Hunter-Lab	35.403, 14.957, -54.785
Binary	01001000, 01011100, 10111001

#485cb9
```
#485cb9 rgb(72,92,185)
```
#b9a548
```
#b9a548 rgb(185,165,72)
```

Complementary Color

#4895b9
```
#4895b9 rgb(72,149,185)
```
#485cb9
```
#485cb9 rgb(72,92,185)
```
#6d48b9
```
#6d48b9 rgb(109,72,185)
```

Analogous Color

#95b948
```
#95b948 rgb(149,185,72)
```
#485cb9
```
#485cb9 rgb(72,92,185)
```
#b96d48
```
#b96d48 rgb(185,109,72)
```

Split Complementary Color

#5cb948
```
#5cb948 rgb(92,185,72)
```
#485cb9
```
#485cb9 rgb(72,92,185)
```
#b9485c
```
#b9485c rgb(185,72,92)
```

Triadic Color

#48b9a5
```
#48b9a5 rgb(72,185,165)
```
#485cb9
```
#485cb9 rgb(72,92,185)
```
#b9485c
```
#b9485c rgb(185,72,92)
```
#b9a548
```
#b9a548 rgb(185,165,72)
```

Tetradic Color

#324083
```
#324083 rgb(50,64,131)
```
#394995
```
#394995 rgb(57,73,149)
```
#4052a7
```
#4052a7 rgb(64,82,167)
```
#485cb9
```
#485cb9 rgb(72,92,185)
```
#5a6cc0
```
#5a6cc0 rgb(90,108,192)
```
#6d7dc7
```
#6d7dc7 rgb(109,125,199)
```
#7f8dce
```
#7f8dce rgb(127,141,206)
```

Monochromatic Color

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

#4878b9
```
#4878b9 rgb(72,120,185)
```
#486fb9
```
#486fb9 rgb(72,111,185)
```
#4865b9
```
#4865b9 rgb(72,101,185)
```
#485cb9
```
#485cb9 rgb(72,92,185)
```
#4853b9
```
#4853b9 rgb(72,83,185)
```
#4849b9
```
#4849b9 rgb(72,73,185)
```
#5048b9
```
#5048b9 rgb(80,72,185)
```

Similar Colors

Text with hexadecimal color #485cb9

This text has a font color of #485cb9.

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

#485cb9 background color

This paragraph has a background color of #485cb9.

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

#485cb9 border color

This element has a border color of #485cb9.

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

CSS codes

.text {color:#485cb9;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#060810
```
#060810 rgb(6,8,16)
```
#0b0f1e
```
#0b0f1e rgb(11,15,30)
```
#11162c
```
#11162c rgb(17,22,44)
```
#161d3a
```
#161d3a rgb(22,29,58)
```
#1c2448
```
#1c2448 rgb(28,36,72)
```
#212b57
```
#212b57 rgb(33,43,87)
```
#273265
```
#273265 rgb(39,50,101)
```
#2c3973
```
#2c3973 rgb(44,57,115)
```
#314081
```
#314081 rgb(49,64,129)
```
#37468f
```
#37468f rgb(55,70,143)
```
#3c4d9e
```
#3c4d9e rgb(60,77,158)
```
#4254ac
```
#4254ac rgb(66,84,172)
```

Shade Color Variation

#485cb9
```
#485cb9 rgb(72,92,185)
```
#5669be
```
#5669be rgb(86,105,190)
```
#6475c4
```
#6475c4 rgb(100,117,196)
```
#7382c9
```
#7382c9 rgb(115,130,201)
```
#818fcf
```
#818fcf rgb(129,143,207)
```
#8f9bd4
```
#8f9bd4 rgb(143,155,212)
```
#9da8da
```
#9da8da rgb(157,168,218)
```
#abb4df
```
#abb4df rgb(171,180,223)
```
#bac1e4
```
#bac1e4 rgb(186,193,228)
```
#c8ceea
```
#c8ceea rgb(200,206,234)
```
#d6daef
```
#d6daef rgb(214,218,239)
```
#e4e7f5
```
#e4e7f5 rgb(228,231,245)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797b88 is the less saturated color, while #0430fd is the most saturated one.

#797b88
```
#797b88 rgb(121,123,136)
```
#6f7592
```
#6f7592 rgb(111,117,146)
```
#656f9c
```
#656f9c rgb(101,111,156)
```
#5b69a6
```
#5b69a6 rgb(91,105,166)
```
#5262af
```
#5262af rgb(82,98,175)
```
#485cb9
```
#485cb9 rgb(72,92,185)
```
#3e56c3
```
#3e56c3 rgb(62,86,195)
```
#354fcc
```
#354fcc rgb(53,79,204)
```
#2b49d6
```
#2b49d6 rgb(43,73,214)
```
#2143e0
```
#2143e0 rgb(33,67,224)
```
#173dea
```
#173dea rgb(23,61,234)
```
#0e36f3
```
#0e36f3 rgb(14,54,243)
```
#0430fd
```
#0430fd rgb(4,48,253)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5c6073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3468c0 Protanopia 1% of men
#006db5 Deuteranopia 1% of men
#27747d Tritanopia 0.001% of the population

Trichromacy

#3b63bd Protanomaly 1% of men, 0.01% of women
#1a66b6 Deuteranomaly 6% of men, 0.4% of women
#336b93 Tritanomaly 0.01% of the population

#485cb9 hex color

#485cb9 Color Information

#485cb9 Color Conversion

Color Schemes with #485cb9

Alternatives to #485cb9

#485cb9 Preview

Shades and Tints of #485cb9

Tones of #485cb9

Color Blindness Simulator