#485cb4 hex color

In a RGB color space, hex #485cb4 is composed of 28.2% red, 36.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 48.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 228.9 degrees, a saturation of 42.9% and a lightness of 49.4%. #485cb4 color hex could be obtained by blending #90b8ff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 36
- B 71
RGB color chart
- C 60
- M 49
- Y 0
- K 29
CMYK color chart

● #485cb4 color description : Moderate blue.

The hexadecimal color #485cb4 has RGB values of R:72, G:92, B:180 and CMYK values of C:0.6, M:0.49, Y:0, K:0.29. Its decimal value is 4742324.

Hex triplet	485cb4	`#485cb4`
RGB Decimal	72, 92, 180	`rgb(72,92,180)`
RGB Percent	28.2, 36.1, 70.6	`rgb(28.2%,36.1%,70.6%)`
CMYK	60, 49, 0, 29
HSL	228.9°, 42.9, 49.4	`hsl(228.9,42.9%,49.4%)`
HSV (or HSB)	228.9°, 60, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.73, 19.769, -49.197
XYZ	14.736, 12.327, 44.78
xyY	0.205, 0.172, 12.327
CIE-LCH	41.73, 53.021, 291.892
CIE-LUV	41.73, -11.58, -73.866
Hunter-Lab	35.109, 13.479, -51.045
Binary	01001000, 01011100, 10110100

#485cb4
```
#485cb4 rgb(72,92,180)
```
#b4a048
```
#b4a048 rgb(180,160,72)
```

Complementary Color

#4892b4
```
#4892b4 rgb(72,146,180)
```
#485cb4
```
#485cb4 rgb(72,92,180)
```
#6a48b4
```
#6a48b4 rgb(106,72,180)
```

Analogous Color

#92b448
```
#92b448 rgb(146,180,72)
```
#485cb4
```
#485cb4 rgb(72,92,180)
```
#b46a48
```
#b46a48 rgb(180,106,72)
```

Split Complementary Color

#5cb448
```
#5cb448 rgb(92,180,72)
```
#485cb4
```
#485cb4 rgb(72,92,180)
```
#b4485c
```
#b4485c rgb(180,72,92)
```

Triadic Color

#48b4a0
```
#48b4a0 rgb(72,180,160)
```
#485cb4
```
#485cb4 rgb(72,92,180)
```
#b4485c
```
#b4485c rgb(180,72,92)
```
#b4a048
```
#b4a048 rgb(180,160,72)
```

Tetradic Color

#32407d
```
#32407d rgb(50,64,125)
```
#394990
```
#394990 rgb(57,73,144)
```
#4153a2
```
#4153a2 rgb(65,83,162)
```
#485cb4
```
#485cb4 rgb(72,92,180)
```
#596bbd
```
#596bbd rgb(89,107,189)
```
#6b7cc4
```
#6b7cc4 rgb(107,124,196)
```
#7d8ccb
```
#7d8ccb rgb(125,140,203)
```

Monochromatic Color

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

#4877b4
```
#4877b4 rgb(72,119,180)
```
#486eb4
```
#486eb4 rgb(72,110,180)
```
#4865b4
```
#4865b4 rgb(72,101,180)
```
#485cb4
```
#485cb4 rgb(72,92,180)
```
#4853b4
```
#4853b4 rgb(72,83,180)
```
#484ab4
```
#484ab4 rgb(72,74,180)
```
#4f48b4
```
#4f48b4 rgb(79,72,180)
```

Similar Colors

Text with hexadecimal color #485cb4

This text has a font color of #485cb4.

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

#485cb4 background color

This paragraph has a background color of #485cb4.

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

#485cb4 border color

This element has a border color of #485cb4.

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

CSS codes

.text {color:#485cb4;}

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

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

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, #05060c is the darkest color, while #fdfdfe is the lightest one.

#05060c
```
#05060c rgb(5,6,12)
```
#0a0d1a
```
#0a0d1a rgb(10,13,26)
```
#101428
```
#101428 rgb(16,20,40)
```
#161c36
```
#161c36 rgb(22,28,54)
```
#1b2344
```
#1b2344 rgb(27,35,68)
```
#212a52
```
#212a52 rgb(33,42,82)
```
#263160
```
#263160 rgb(38,49,96)
```
#2c386e
```
#2c386e rgb(44,56,110)
```
#323f7c
```
#323f7c rgb(50,63,124)
```
#37478a
```
#37478a rgb(55,71,138)
```
#3d4e98
```
#3d4e98 rgb(61,78,152)
```
#4255a6
```
#4255a6 rgb(66,85,166)
```
#485cb4
```
#485cb4 rgb(72,92,180)
```

Shade Color Variation

#5568bb
```
#5568bb rgb(85,104,187)
```
#6374c0
```
#6374c0 rgb(99,116,192)
```
#7181c6
```
#7181c6 rgb(113,129,198)
```
#7f8dcc
```
#7f8dcc rgb(127,141,204)
```
#8d99d1
```
#8d99d1 rgb(141,153,209)
```
#9ba6d7
```
#9ba6d7 rgb(155,166,215)
```
#a9b2dd
```
#a9b2dd rgb(169,178,221)
```
#b7bfe2
```
#b7bfe2 rgb(183,191,226)
```
#c5cbe8
```
#c5cbe8 rgb(197,203,232)
```
#d3d8ed
```
#d3d8ed rgb(211,216,237)
```
#e1e4f3
```
#e1e4f3 rgb(225,228,243)
```
#eff1f9
```
#eff1f9 rgb(239,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b84 is the less saturated color, while #0431f8 is the most saturated one.

#787b84
```
#787b84 rgb(120,123,132)
```
#6f748d
```
#6f748d rgb(111,116,141)
```
#656e97
```
#656e97 rgb(101,110,151)
```
#5b68a1
```
#5b68a1 rgb(91,104,161)
```
#5262aa
```
#5262aa rgb(82,98,170)
```
#485cb4
```
#485cb4 rgb(72,92,180)
```
#3e56be
```
#3e56be rgb(62,86,190)
```
#3550c7
```
#3550c7 rgb(53,80,199)
```
#2b4ad1
```
#2b4ad1 rgb(43,74,209)
```
#2144db
```
#2144db rgb(33,68,219)
```
#183de4
```
#183de4 rgb(24,61,228)
```
#0e37ee
```
#0e37ee rgb(14,55,238)
```
#0431f8
```
#0431f8 rgb(4,49,248)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5b5f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a67ba Protanopia 1% of men
#0d6cb4 Deuteranopia 1% of men
#2d737c Tritanopia 0.001% of the population

Trichromacy

#3f63b8 Protanomaly 1% of men, 0.01% of women
#2266b4 Deuteranomaly 6% of men, 0.4% of women
#366b90 Tritanomaly 0.01% of the population

#485cb4 hex color

#485cb4 Color Information

#485cb4 Color Conversion

Color Schemes with #485cb4

Alternatives to #485cb4

#485cb4 Preview

Shades and Tints of #485cb4

Tones of #485cb4

Color Blindness Simulator