#485acc hex color

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

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

● #485acc color description : Moderate blue.

The hexadecimal color #485acc has RGB values of R:72, G:90, B:204 and CMYK values of C:0.65, M:0.56, Y:0, K:0.2. Its decimal value is 4741836.

Hex triplet	485acc	`#485acc`
RGB Decimal	72, 90, 204	`rgb(72,90,204)`
RGB Percent	28.2, 35.3, 80	`rgb(28.2%,35.3%,80%)`
CMYK	65, 56, 0, 20
HSL	231.8°, 56.4, 54.1	`hsl(231.8,56.4%,54.1%)`
HSV (or HSB)	231.8°, 64.7, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.837, 29.347, -61.365
XYZ	17.226, 13.049, 58.734
xyY	0.194, 0.147, 13.049
CIE-LCH	42.837, 68.021, 295.559
CIE-LUV	42.837, -11.576, -92.754
Hunter-Lab	36.123, 21.904, -71.117
Binary	01001000, 01011010, 11001100

#485acc
```
#485acc rgb(72,90,204)
```
#ccba48
```
#ccba48 rgb(204,186,72)
```

Complementary Color

#489ccc
```
#489ccc rgb(72,156,204)
```
#485acc
```
#485acc rgb(72,90,204)
```
#7848cc
```
#7848cc rgb(120,72,204)
```

Analogous Color

#9ccc48
```
#9ccc48 rgb(156,204,72)
```
#485acc
```
#485acc rgb(72,90,204)
```
#cc7848
```
#cc7848 rgb(204,120,72)
```

Split Complementary Color

#5acc48
```
#5acc48 rgb(90,204,72)
```
#485acc
```
#485acc rgb(72,90,204)
```
#cc485a
```
#cc485a rgb(204,72,90)
```

Triadic Color

#48ccba
```
#48ccba rgb(72,204,186)
```
#485acc
```
#485acc rgb(72,90,204)
```
#cc485a
```
#cc485a rgb(204,72,90)
```
#ccba48
```
#ccba48 rgb(204,186,72)
```

Tetradic Color

#2b3b9c
```
#2b3b9c rgb(43,59,156)
```
#3142b0
```
#3142b0 rgb(49,66,176)
```
#374ac4
```
#374ac4 rgb(55,74,196)
```
#485acc
```
#485acc rgb(72,90,204)
```
#5c6cd2
```
#5c6cd2 rgb(92,108,210)
```
#707ed7
```
#707ed7 rgb(112,126,215)
```
#8490dd
```
#8490dd rgb(132,144,221)
```

Monochromatic Color

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

#487bcc
```
#487bcc rgb(72,123,204)
```
#4870cc
```
#4870cc rgb(72,112,204)
```
#4865cc
```
#4865cc rgb(72,101,204)
```
#485acc
```
#485acc rgb(72,90,204)
```
#484fcc
```
#484fcc rgb(72,79,204)
```
#4c48cc
```
#4c48cc rgb(76,72,204)
```
#5748cc
```
#5748cc rgb(87,72,204)
```

Similar Colors

Text with hexadecimal color #485acc

This text has a font color of #485acc.

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

#485acc background color

This paragraph has a background color of #485acc.

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

#485acc border color

This element has a border color of #485acc.

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

CSS codes

.text {color:#485acc;}

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

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

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)
```
#161d4e
```
#161d4e rgb(22,29,78)
```
#1a235d
```
#1a235d rgb(26,35,93)
```
#1e296c
```
#1e296c rgb(30,41,108)
```
#232f7c
```
#232f7c rgb(35,47,124)
```
#27348b
```
#27348b rgb(39,52,139)
```
#2b3a9a
```
#2b3a9a rgb(43,58,154)
```
#2f40aa
```
#2f40aa rgb(47,64,170)
```
#3446b9
```
#3446b9 rgb(52,70,185)
```

Shade Color Variation

#394cc8
```
#394cc8 rgb(57,76,200)
```
#485acc
```
#485acc rgb(72,90,204)
```
#5768d0
```
#5768d0 rgb(87,104,208)
```
#6776d5
```
#6776d5 rgb(103,118,213)
```
#7683d9
```
#7683d9 rgb(118,131,217)
```
#8591dd
```
#8591dd rgb(133,145,221)
```
#959fe1
```
#959fe1 rgb(149,159,225)
```
#a4ade6
```
#a4ade6 rgb(164,173,230)
```
#b3bbea
```
#b3bbea rgb(179,187,234)
```
#c3c9ee
```
#c3c9ee rgb(195,201,238)
```
#d2d6f2
```
#d2d6f2 rgb(210,214,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 #1b39f9 is the most saturated one.

#87888d
```
#87888d rgb(135,136,141)
```
#7e8196
```
#7e8196 rgb(126,129,150)
```
#757b9f
```
#757b9f rgb(117,123,159)
```
#6c74a8
```
#6c74a8 rgb(108,116,168)
```
#636eb1
```
#636eb1 rgb(99,110,177)
```
#5a67ba
```
#5a67ba rgb(90,103,186)
```
#5161c3
```
#5161c3 rgb(81,97,195)
```
#485acc
```
#485acc rgb(72,90,204)
```
#3f53d5
```
#3f53d5 rgb(63,83,213)
```
#364dde
```
#364dde rgb(54,77,222)
```
#2d46e7
```
#2d46e7 rgb(45,70,231)
```
#2440f0
```
#2440f0 rgb(36,64,240)
```
#1b39f9
```
#1b39f9 rgb(27,57,249)
```

Tone Color Variation

Below, you can see how #485acc 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
#5d6077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cf Protanopia 1% of men
#006fb6 Deuteranopia 1% of men
#007780 Tritanopia 0.001% of the population

Trichromacy

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

#485acc hex color

#485acc Color Information

#485acc Color Conversion

Color Schemes with #485acc

Alternatives to #485acc

#485acc Preview

Shades and Tints of #485acc

Tones of #485acc

Color Blindness Simulator