#485fcb hex color

In a RGB color space, hex #485fcb is composed of 28.2% red, 37.3% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 53.2% magenta, 0% yellow and 20.4% black. It has a hue angle of 229.5 degrees, a saturation of 55.7% and a lightness of 53.9%. #485fcb color hex could be obtained by blending #90beff with #000097. Closest websafe color is: #3366cc.

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

● #485fcb color description : Moderate blue.

The hexadecimal color #485fcb has RGB values of R:72, G:95, B:203 and CMYK values of C:0.65, M:0.53, Y:0, K:0.2. Its decimal value is 4743115.

Hex triplet	485fcb	`#485fcb`
RGB Decimal	72, 95, 203	`rgb(72,95,203)`
RGB Percent	28.2, 37.3, 79.6	`rgb(28.2%,37.3%,79.6%)`
CMYK	65, 53, 0, 20
HSL	229.5°, 55.7, 53.9	`hsl(229.5,55.7%,53.9%)`
HSV (or HSB)	229.5°, 64.5, 79.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.05, 25.838, -58.824
XYZ	17.542, 13.873, 58.25
xyY	0.196, 0.155, 13.873
CIE-LCH	44.05, 64.248, 293.714
CIE-LUV	44.05, -12.936, -89.618
Hunter-Lab	37.246, 18.887, -66.652
Binary	01001000, 01011111, 11001011

#485fcb
```
#485fcb rgb(72,95,203)
```
#cbb448
```
#cbb448 rgb(203,180,72)
```

Complementary Color

#48a1cb
```
#48a1cb rgb(72,161,203)
```
#485fcb
```
#485fcb rgb(72,95,203)
```
#7348cb
```
#7348cb rgb(115,72,203)
```

Analogous Color

#a1cb48
```
#a1cb48 rgb(161,203,72)
```
#485fcb
```
#485fcb rgb(72,95,203)
```
#cb7348
```
#cb7348 rgb(203,115,72)
```

Split Complementary Color

#5fcb48
```
#5fcb48 rgb(95,203,72)
```
#485fcb
```
#485fcb rgb(72,95,203)
```
#cb485f
```
#cb485f rgb(203,72,95)
```

Triadic Color

#48cbb4
```
#48cbb4 rgb(72,203,180)
```
#485fcb
```
#485fcb rgb(72,95,203)
```
#cb485f
```
#cb485f rgb(203,72,95)
```
#cbb448
```
#cbb448 rgb(203,180,72)
```

Tetradic Color

#2c3f9b
```
#2c3f9b rgb(44,63,155)
```
#3247ae
```
#3247ae rgb(50,71,174)
```
#3750c2
```
#3750c2 rgb(55,80,194)
```
#485fcb
```
#485fcb rgb(72,95,203)
```
#5c70d1
```
#5c70d1 rgb(92,112,209)
```
#7082d6
```
#7082d6 rgb(112,130,214)
```
#8493dc
```
#8493dc rgb(132,147,220)
```

Monochromatic Color

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

#4880cb
```
#4880cb rgb(72,128,203)
```
#4875cb
```
#4875cb rgb(72,117,203)
```
#486acb
```
#486acb rgb(72,106,203)
```
#485fcb
```
#485fcb rgb(72,95,203)
```
#4854cb
```
#4854cb rgb(72,84,203)
```
#4849cb
```
#4849cb rgb(72,73,203)
```
#5248cb
```
#5248cb rgb(82,72,203)
```

Similar Colors

Text with hexadecimal color #485fcb

This text has a font color of #485fcb.

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

#485fcb background color

This paragraph has a background color of #485fcb.

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

#485fcb border color

This element has a border color of #485fcb.

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

CSS codes

.text {color:#485fcb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040610
```
#040610 rgb(4,6,16)
```
#090d1f
```
#090d1f rgb(9,13,31)
```
#0d132e
```
#0d132e rgb(13,19,46)
```
#11193d
```
#11193d rgb(17,25,61)
```
#161f4d
```
#161f4d rgb(22,31,77)
```
#1a265c
```
#1a265c rgb(26,38,92)
```
#1e2c6b
```
#1e2c6b rgb(30,44,107)
```
#23327a
```
#23327a rgb(35,50,122)
```
#27388a
```
#27388a rgb(39,56,138)
```
#2b3f99
```
#2b3f99 rgb(43,63,153)
```
#3045a8
```
#3045a8 rgb(48,69,168)
```
#344bb8
```
#344bb8 rgb(52,75,184)
```

Shade Color Variation

#3952c7
```
#3952c7 rgb(57,82,199)
```
#485fcb
```
#485fcb rgb(72,95,203)
```
#576ccf
```
#576ccf rgb(87,108,207)
```
#677ad4
```
#677ad4 rgb(103,122,212)
```
#7687d8
```
#7687d8 rgb(118,135,216)
```
#8594dc
```
#8594dc rgb(133,148,220)
```
#94a2e1
```
#94a2e1 rgb(148,162,225)
```
#a4afe5
```
#a4afe5 rgb(164,175,229)
```
#b3bce9
```
#b3bce9 rgb(179,188,233)
```
#c2caee
```
#c2caee rgb(194,202,238)
```
#d1d7f2
```
#d1d7f2 rgb(209,215,242)
```
#e1e5f6
```
#e1e5f6 rgb(225,229,246)
```
#f0f2fb
```
#f0f2fb rgb(240,242,251)
```

Tint Color Variation

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

#87888c
```
#87888c rgb(135,136,140)
```
#7e8295
```
#7e8295 rgb(126,130,149)
```
#757c9e
```
#757c9e rgb(117,124,158)
```
#6c76a7
```
#6c76a7 rgb(108,118,167)
```
#6371b0
```
#6371b0 rgb(99,113,176)
```
#5a6bb9
```
#5a6bb9 rgb(90,107,185)
```
#5165c2
```
#5165c2 rgb(81,101,194)
```
#485fcb
```
#485fcb rgb(72,95,203)
```
#3f59d4
```
#3f59d4 rgb(63,89,212)
```
#3653dd
```
#3653dd rgb(54,83,221)
```
#2d4de6
```
#2d4de6 rgb(45,77,230)
```
#2448ef
```
#2448ef rgb(36,72,239)
```
#1b42f8
```
#1b42f8 rgb(27,66,248)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5e6379 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c6cd2 Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#2c67cf Protanomaly 1% of men, 0.01% of women
#1a6bc1 Deuteranomaly 6% of men, 0.4% of women
#1a709d Tritanomaly 0.01% of the population

#485fcb hex color

#485fcb Color Information

#485fcb Color Conversion

Color Schemes with #485fcb

Alternatives to #485fcb

#485fcb Preview

Shades and Tints of #485fcb

Tones of #485fcb

Color Blindness Simulator