#485bcd hex color

In a RGB color space, hex #485bcd is composed of 28.2% red, 35.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 55.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 231.4 degrees, a saturation of 57.1% and a lightness of 54.3%. #485bcd color hex could be obtained by blending #90b6ff with #00009b. Closest websafe color is: #3366cc.

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

● #485bcd color description : Moderate blue.

The hexadecimal color #485bcd has RGB values of R:72, G:91, B:205 and CMYK values of C:0.65, M:0.56, Y:0, K:0.2. Its decimal value is 4742093.

Hex triplet	485bcd	`#485bcd`
RGB Decimal	72, 91, 205	`rgb(72,91,205)`
RGB Percent	28.2, 35.7, 80.4	`rgb(28.2%,35.7%,80.4%)`
CMYK	65, 56, 0, 20
HSL	231.4°, 57.1, 54.3	`hsl(231.4,57.1%,54.3%)`
HSV (or HSB)	231.4°, 64.9, 80.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.162, 29.062, -61.413
XYZ	17.431, 13.267, 59.396
xyY	0.193, 0.147, 13.267
CIE-LCH	43.162, 67.942, 295.325
CIE-LUV	43.162, -11.871, -93.013
Hunter-Lab	36.423, 21.681, -71.189
Binary	01001000, 01011011, 11001101

#485bcd
```
#485bcd rgb(72,91,205)
```
#cdba48
```
#cdba48 rgb(205,186,72)
```

Complementary Color

#489ecd
```
#489ecd rgb(72,158,205)
```
#485bcd
```
#485bcd rgb(72,91,205)
```
#7848cd
```
#7848cd rgb(120,72,205)
```

Analogous Color

#9ecd48
```
#9ecd48 rgb(158,205,72)
```
#485bcd
```
#485bcd rgb(72,91,205)
```
#cd7848
```
#cd7848 rgb(205,120,72)
```

Split Complementary Color

#5bcd48
```
#5bcd48 rgb(91,205,72)
```
#485bcd
```
#485bcd rgb(72,91,205)
```
#cd485b
```
#cd485b rgb(205,72,91)
```

Triadic Color

#48cdba
```
#48cdba rgb(72,205,186)
```
#485bcd
```
#485bcd rgb(72,91,205)
```
#cd485b
```
#cd485b rgb(205,72,91)
```
#cdba48
```
#cdba48 rgb(205,186,72)
```

Tetradic Color

#2b3b9d
```
#2b3b9d rgb(43,59,157)
```
#3043b2
```
#3043b2 rgb(48,67,178)
```
#364ac6
```
#364ac6 rgb(54,74,198)
```
#485bcd
```
#485bcd rgb(72,91,205)
```
#5c6dd2
```
#5c6dd2 rgb(92,109,210)
```
#707fd8
```
#707fd8 rgb(112,127,216)
```
#8491dd
```
#8491dd rgb(132,145,221)
```

Monochromatic Color

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

#487ccd
```
#487ccd rgb(72,124,205)
```
#4871cd
```
#4871cd rgb(72,113,205)
```
#4866cd
```
#4866cd rgb(72,102,205)
```
#485bcd
```
#485bcd rgb(72,91,205)
```
#4850cd
```
#4850cd rgb(72,80,205)
```
#4b48cd
```
#4b48cd rgb(75,72,205)
```
#5648cd
```
#5648cd rgb(86,72,205)
```

Similar Colors

Text with hexadecimal color #485bcd

This text has a font color of #485bcd.

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

#485bcd background color

This paragraph has a background color of #485bcd.

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

#485bcd border color

This element has a border color of #485bcd.

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

CSS codes

.text {color:#485bcd;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050711
```
#050711 rgb(5,7,17)
```
#090c21
```
#090c21 rgb(9,12,33)
```
#0d1230
```
#0d1230 rgb(13,18,48)
```
#11183f
```
#11183f rgb(17,24,63)
```
#161e4f
```
#161e4f rgb(22,30,79)
```
#1a245e
```
#1a245e rgb(26,36,94)
```
#1e296e
```
#1e296e rgb(30,41,110)
```
#222f7d
```
#222f7d rgb(34,47,125)
```
#26358d
```
#26358d rgb(38,53,141)
```
#2b3b9c
```
#2b3b9c rgb(43,59,156)
```
#2f41ab
```
#2f41ab rgb(47,65,171)
```
#3346bb
```
#3346bb rgb(51,70,187)
```

Shade Color Variation

#394dc9
```
#394dc9 rgb(57,77,201)
```
#485bcd
```
#485bcd rgb(72,91,205)
```
#5769d1
```
#5769d1 rgb(87,105,209)
```
#6777d5
```
#6777d5 rgb(103,119,213)
```
#7684da
```
#7684da rgb(118,132,218)
```
#8692de
```
#8692de rgb(134,146,222)
```
#95a0e2
```
#95a0e2 rgb(149,160,226)
```
#a4aee6
```
#a4aee6 rgb(164,174,230)
```
#b4bcea
```
#b4bcea rgb(180,188,234)
```
#c3c9ef
```
#c3c9ef rgb(195,201,239)
```
#d3d7f3
```
#d3d7f3 rgb(211,215,243)
```
#e2e5f7
```
#e2e5f7 rgb(226,229,247)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

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

#87888e
```
#87888e rgb(135,136,142)
```
#7e8197
```
#7e8197 rgb(126,129,151)
```
#757ba0
```
#757ba0 rgb(117,123,160)
```
#6c75a9
```
#6c75a9 rgb(108,117,169)
```
#636eb2
```
#636eb2 rgb(99,110,178)
```
#5a68bb
```
#5a68bb rgb(90,104,187)
```
#5161c4
```
#5161c4 rgb(81,97,196)
```
#485bcd
```
#485bcd rgb(72,91,205)
```
#3f55d6
```
#3f55d6 rgb(63,85,214)
```
#364edf
```
#364edf rgb(54,78,223)
```
#2d48e8
```
#2d48e8 rgb(45,72,232)
```
#2441f1
```
#2441f1 rgb(36,65,241)
```
#1b3bfa
```
#1b3bfa rgb(27,59,250)
```

Tone Color Variation

Below, you can see how #485bcd 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
#007881 Tritanopia 0.001% of the population

Trichromacy

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

#485bcd hex color

#485bcd Color Information

#485bcd Color Conversion

Color Schemes with #485bcd

Alternatives to #485bcd

#485bcd Preview

Shades and Tints of #485bcd

Tones of #485bcd

Color Blindness Simulator