#485cdd hex color

In a RGB color space, hex #485cdd is composed of 28.2% red, 36.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 58.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 231.9 degrees, a saturation of 68.7% and a lightness of 57.5%. #485cdd color hex could be obtained by blending #90b8ff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 36
- B 87
RGB color chart
- C 67
- M 58
- Y 0
- K 13
CMYK color chart

● #485cdd color description : Soft blue.

The hexadecimal color #485cdd has RGB values of R:72, G:92, B:221 and CMYK values of C:0.67, M:0.58, Y:0, K:0.13. Its decimal value is 4742365.

Hex triplet	485cdd	`#485cdd`
RGB Decimal	72, 92, 221	`rgb(72,92,221)`
RGB Percent	28.2, 36.1, 86.7	`rgb(28.2%,36.1%,86.7%)`
CMYK	67, 58, 0, 13
HSL	231.9°, 68.7, 57.5	`hsl(231.9,68.7%,57.5%)`
HSV (or HSB)	231.9°, 67.4, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.591, 33.969, -68.248
XYZ	19.548, 14.251, 70.123
xyY	0.188, 0.137, 14.251
CIE-LCH	44.591, 76.234, 296.461
CIE-LUV	44.591, -12.525, -103.911
Hunter-Lab	37.751, 26.366, -83.707
Binary	01001000, 01011100, 11011101

#485cdd
```
#485cdd rgb(72,92,221)
```
#ddc948
```
#ddc948 rgb(221,201,72)
```

Complementary Color

#48a7dd
```
#48a7dd rgb(72,167,221)
```
#485cdd
```
#485cdd rgb(72,92,221)
```
#7f48dd
```
#7f48dd rgb(127,72,221)
```

Analogous Color

#a7dd48
```
#a7dd48 rgb(167,221,72)
```
#485cdd
```
#485cdd rgb(72,92,221)
```
#dd7f48
```
#dd7f48 rgb(221,127,72)
```

Split Complementary Color

#5cdd48
```
#5cdd48 rgb(92,221,72)
```
#485cdd
```
#485cdd rgb(72,92,221)
```
#dd485c
```
#dd485c rgb(221,72,92)
```

Triadic Color

#48ddc9
```
#48ddc9 rgb(72,221,201)
```
#485cdd
```
#485cdd rgb(72,92,221)
```
#dd485c
```
#dd485c rgb(221,72,92)
```
#ddc948
```
#ddc948 rgb(221,201,72)
```

Tetradic Color

#2236b7
```
#2236b7 rgb(34,54,183)
```
#263ccc
```
#263ccc rgb(38,60,204)
```
#3249d9
```
#3249d9 rgb(50,73,217)
```
#485cdd
```
#485cdd rgb(72,92,221)
```
#5e6fe1
```
#5e6fe1 rgb(94,111,225)
```
#7382e5
```
#7382e5 rgb(115,130,229)
```
#8995e9
```
#8995e9 rgb(137,149,233)
```

Monochromatic Color

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

#4881dd
```
#4881dd rgb(72,129,221)
```
#4875dd
```
#4875dd rgb(72,117,221)
```
#4868dd
```
#4868dd rgb(72,104,221)
```
#485cdd
```
#485cdd rgb(72,92,221)
```
#4850dd
```
#4850dd rgb(72,80,221)
```
#4d48dd
```
#4d48dd rgb(77,72,221)
```
#5948dd
```
#5948dd rgb(89,72,221)
```

Similar Colors

Text with hexadecimal color #485cdd

This text has a font color of #485cdd.

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

#485cdd background color

This paragraph has a background color of #485cdd.

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

#485cdd border color

This element has a border color of #485cdd.

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

CSS codes

.text {color:#485cdd;}

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

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

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

#030510
```
#030510 rgb(3,5,16)
```
#060920
```
#060920 rgb(6,9,32)
```
#090e31
```
#090e31 rgb(9,14,49)
```
#0c1341
```
#0c1341 rgb(12,19,65)
```
#0f1852
```
#0f1852 rgb(15,24,82)
```
#121d62
```
#121d62 rgb(18,29,98)
```
#152273
```
#152273 rgb(21,34,115)
```
#182783
```
#182783 rgb(24,39,131)
```
#1b2c94
```
#1b2c94 rgb(27,44,148)
```
#1f31a4
```
#1f31a4 rgb(31,49,164)
```
#2235b5
```
#2235b5 rgb(34,53,181)
```
#253ac5
```
#253ac5 rgb(37,58,197)
```
#283fd6
```
#283fd6 rgb(40,63,214)
```

Shade Color Variation

#374dda
```
#374dda rgb(55,77,218)
```
#485cdd
```
#485cdd rgb(72,92,221)
```
#596be0
```
#596be0 rgb(89,107,224)
```
#6979e3
```
#6979e3 rgb(105,121,227)
```
#7a88e6
```
#7a88e6 rgb(122,136,230)
```
#8a97e9
```
#8a97e9 rgb(138,151,233)
```
#9ba6ec
```
#9ba6ec rgb(155,166,236)
```
#abb4ef
```
#abb4ef rgb(171,180,239)
```
#bcc3f3
```
#bcc3f3 rgb(188,195,243)
```
#ccd2f6
```
#ccd2f6 rgb(204,210,246)
```
#dde1f9
```
#dde1f9 rgb(221,225,249)
```
#edeffc
```
#edeffc rgb(237,239,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d9a is the less saturated color, while #2744fe is the most saturated one.

#8b8d9a
```
#8b8d9a rgb(139,141,154)
```
#8287a3
```
#8287a3 rgb(130,135,163)
```
#7a81ab
```
#7a81ab rgb(122,129,171)
```
#727bb3
```
#727bb3 rgb(114,123,179)
```
#6974bc
```
#6974bc rgb(105,116,188)
```
#616ec4
```
#616ec4 rgb(97,110,196)
```
#5968cc
```
#5968cc rgb(89,104,204)
```
#5062d5
```
#5062d5 rgb(80,98,213)
```
#485cdd
```
#485cdd rgb(72,92,221)
```
#4056e5
```
#4056e5 rgb(64,86,229)
```
#3750ee
```
#3750ee rgb(55,80,238)
```
#2f4af6
```
#2f4af6 rgb(47,74,246)
```
#2744fe
```
#2744fe rgb(39,68,254)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5f637d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#1a67d9 Protanomaly 1% of men, 0.01% of women
#1a6bc8 Deuteranomaly 6% of men, 0.4% of women
#1a70a4 Tritanomaly 0.01% of the population

#485cdd hex color

#485cdd Color Information

#485cdd Color Conversion

Color Schemes with #485cdd

Alternatives to #485cdd

#485cdd Preview

Shades and Tints of #485cdd

Tones of #485cdd

Color Blindness Simulator