#485bcc hex color

In a RGB color space, hex #485bcc is composed of 28.2% red, 35.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 55.4% magenta, 0% yellow and 20% black. It has a hue angle of 231.4 degrees, a saturation of 56.4% and a lightness of 54.1%. #485bcc color hex could be obtained by blending #90b6ff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 36
- B 80
RGB color chart
- C 65
- M 55
- Y 0
- K 20
CMYK color chart

● #485bcc color description : Moderate blue.

The hexadecimal color #485bcc has RGB values of R:72, G:91, B:204 and CMYK values of C:0.65, M:0.55, Y:0, K:0.2. Its decimal value is 4742092.

Hex triplet	485bcc	`#485bcc`
RGB Decimal	72, 91, 204	`rgb(72,91,204)`
RGB Percent	28.2, 35.7, 80	`rgb(28.2%,35.7%,80%)`
CMYK	65, 55, 0, 20
HSL	231.4°, 56.4, 54.1	`hsl(231.4,56.4%,54.1%)`
HSV (or HSB)	231.4°, 64.7, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.091, 28.716, -60.953
XYZ	17.31, 13.219, 58.763
xyY	0.194, 0.148, 13.219
CIE-LCH	43.091, 67.378, 295.226
CIE-LUV	43.091, -11.846, -92.291
Hunter-Lab	36.357, 21.362, -70.377
Binary	01001000, 01011011, 11001100

#485bcc
```
#485bcc rgb(72,91,204)
```
#ccb948
```
#ccb948 rgb(204,185,72)
```

Complementary Color

#489dcc
```
#489dcc rgb(72,157,204)
```
#485bcc
```
#485bcc rgb(72,91,204)
```
#7748cc
```
#7748cc rgb(119,72,204)
```

Analogous Color

#9dcc48
```
#9dcc48 rgb(157,204,72)
```
#485bcc
```
#485bcc rgb(72,91,204)
```
#cc7748
```
#cc7748 rgb(204,119,72)
```

Split Complementary Color

#5bcc48
```
#5bcc48 rgb(91,204,72)
```
#485bcc
```
#485bcc rgb(72,91,204)
```
#cc485b
```
#cc485b rgb(204,72,91)
```

Triadic Color

#48ccb9
```
#48ccb9 rgb(72,204,185)
```
#485bcc
```
#485bcc rgb(72,91,204)
```
#cc485b
```
#cc485b rgb(204,72,91)
```
#ccb948
```
#ccb948 rgb(204,185,72)
```

Tetradic Color

#2b3c9c
```
#2b3c9c rgb(43,60,156)
```
#3143b0
```
#3143b0 rgb(49,67,176)
```
#374bc4
```
#374bc4 rgb(55,75,196)
```
#485bcc
```
#485bcc rgb(72,91,204)
```
#5c6dd2
```
#5c6dd2 rgb(92,109,210)
```
#707fd7
```
#707fd7 rgb(112,127,215)
```
#8491dd
```
#8491dd rgb(132,145,221)
```

Monochromatic Color

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

#487ccc
```
#487ccc rgb(72,124,204)
```
#4871cc
```
#4871cc rgb(72,113,204)
```
#4866cc
```
#4866cc rgb(72,102,204)
```
#485bcc
```
#485bcc rgb(72,91,204)
```
#4850cc
```
#4850cc rgb(72,80,204)
```
#4b48cc
```
#4b48cc rgb(75,72,204)
```
#5648cc
```
#5648cc rgb(86,72,204)
```

Similar Colors

Text with hexadecimal color #485bcc

This text has a font color of #485bcc.

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

#485bcc background color

This paragraph has a background color of #485bcc.

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

#485bcc border color

This element has a border color of #485bcc.

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

CSS codes

.text {color:#485bcc;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050610
```
#050610 rgb(5,6,16)
```
#090c20
```
#090c20 rgb(9,12,32)
```
#0d122f
```
#0d122f rgb(13,18,47)
```
#11183e
```
#11183e rgb(17,24,62)
```
#161e4e
```
#161e4e rgb(22,30,78)
```
#1a245d
```
#1a245d rgb(26,36,93)
```
#1e296c
```
#1e296c rgb(30,41,108)
```
#232f7c
```
#232f7c rgb(35,47,124)
```
#27358b
```
#27358b rgb(39,53,139)
```
#2b3b9a
```
#2b3b9a rgb(43,59,154)
```
#2f41aa
```
#2f41aa rgb(47,65,170)
```
#3447b9
```
#3447b9 rgb(52,71,185)
```

Shade Color Variation

#394dc8
```
#394dc8 rgb(57,77,200)
```
#485bcc
```
#485bcc rgb(72,91,204)
```
#5769d0
```
#5769d0 rgb(87,105,208)
```
#6776d5
```
#6776d5 rgb(103,118,213)
```
#7684d9
```
#7684d9 rgb(118,132,217)
```
#8592dd
```
#8592dd rgb(133,146,221)
```
#95a0e1
```
#95a0e1 rgb(149,160,225)
```
#a4ade6
```
#a4ade6 rgb(164,173,230)
```
#b3bbea
```
#b3bbea rgb(179,187,234)
```
#c3c9ee
```
#c3c9ee rgb(195,201,238)
```
#d2d7f2
```
#d2d7f2 rgb(210,215,242)
```
#e1e4f7
```
#e1e4f7 rgb(225,228,247)
```
#f1f2fb
```
#f1f2fb rgb(241,242,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87888d is the less saturated color, while #1b3bf9 is the most saturated one.

#87888d
```
#87888d rgb(135,136,141)
```
#7e8196
```
#7e8196 rgb(126,129,150)
```
#757b9f
```
#757b9f rgb(117,123,159)
```
#6c75a8
```
#6c75a8 rgb(108,117,168)
```
#636eb1
```
#636eb1 rgb(99,110,177)
```
#5a68ba
```
#5a68ba rgb(90,104,186)
```
#5161c3
```
#5161c3 rgb(81,97,195)
```
#485bcc
```
#485bcc rgb(72,91,204)
```
#3f55d5
```
#3f55d5 rgb(63,85,213)
```
#364ede
```
#364ede rgb(54,78,222)
```
#2d48e7
```
#2d48e7 rgb(45,72,231)
```
#2441f0
```
#2441f0 rgb(36,65,240)
```
#1b3bf9
```
#1b3bf9 rgb(27,59,249)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5d6177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b7 Deuteranopia 1% of men
#007880 Tritanopia 0.001% of the population

Trichromacy

#1a64ce Protanomaly 1% of men, 0.01% of women
#1a68be Deuteranomaly 6% of men, 0.4% of women
#1a6d9c Tritanomaly 0.01% of the population

#485bcc hex color

#485bcc Color Information

#485bcc Color Conversion

Color Schemes with #485bcc

Alternatives to #485bcc

#485bcc Preview

Shades and Tints of #485bcc

Tones of #485bcc

Color Blindness Simulator