#485ed2 hex color

In a RGB color space, hex #485ed2 is composed of 28.2% red, 36.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 55.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 230.4 degrees, a saturation of 60.5% and a lightness of 55.3%. #485ed2 color hex could be obtained by blending #90bcff with #0000a5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 37
- B 82
RGB color chart
- C 66
- M 55
- Y 0
- K 18
CMYK color chart

● #485ed2 color description : Moderate blue.

The hexadecimal color #485ed2 has RGB values of R:72, G:94, B:210 and CMYK values of C:0.66, M:0.55, Y:0, K:0.18. Its decimal value is 4742866.

Hex triplet	485ed2	`#485ed2`
RGB Decimal	72, 94, 210	`rgb(72,94,210)`
RGB Percent	28.2, 36.9, 82.4	`rgb(28.2%,36.9%,82.4%)`
CMYK	66, 55, 0, 18
HSL	230.4°, 60.5, 55.3	`hsl(230.4,60.5%,55.3%)`
HSV (or HSB)	230.4°, 65.7, 82.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.283, 28.906, -62.467
XYZ	18.306, 14.035, 62.714
xyY	0.193, 0.148, 14.035
CIE-LCH	44.283, 68.831, 294.832
CIE-LUV	44.283, -12.801, -95.218
Hunter-Lab	37.464, 21.658, -73.026
Binary	01001000, 01011110, 11010010

#485ed2
```
#485ed2 rgb(72,94,210)
```
#d2bc48
```
#d2bc48 rgb(210,188,72)
```

Complementary Color

#48a3d2
```
#48a3d2 rgb(72,163,210)
```
#485ed2
```
#485ed2 rgb(72,94,210)
```
#7748d2
```
#7748d2 rgb(119,72,210)
```

Analogous Color

#a3d248
```
#a3d248 rgb(163,210,72)
```
#485ed2
```
#485ed2 rgb(72,94,210)
```
#d27748
```
#d27748 rgb(210,119,72)
```

Split Complementary Color

#5ed248
```
#5ed248 rgb(94,210,72)
```
#485ed2
```
#485ed2 rgb(72,94,210)
```
#d2485e
```
#d2485e rgb(210,72,94)
```

Triadic Color

#48d2bc
```
#48d2bc rgb(72,210,188)
```
#485ed2
```
#485ed2 rgb(72,94,210)
```
#d2485e
```
#d2485e rgb(210,72,94)
```
#d2bc48
```
#d2bc48 rgb(210,188,72)
```

Tetradic Color

#293ca5
```
#293ca5 rgb(41,60,165)
```
#2e44b9
```
#2e44b9 rgb(46,68,185)
```
#344ccd
```
#344ccd rgb(52,76,205)
```
#485ed2
```
#485ed2 rgb(72,94,210)
```
#5c70d7
```
#5c70d7 rgb(92,112,215)
```
#7182dc
```
#7182dc rgb(113,130,220)
```
#8594e1
```
#8594e1 rgb(133,148,225)
```

Monochromatic Color

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

#4881d2
```
#4881d2 rgb(72,129,210)
```
#4875d2
```
#4875d2 rgb(72,117,210)
```
#486ad2
```
#486ad2 rgb(72,106,210)
```
#485ed2
```
#485ed2 rgb(72,94,210)
```
#4853d2
```
#4853d2 rgb(72,83,210)
```
#4948d2
```
#4948d2 rgb(73,72,210)
```
#5448d2
```
#5448d2 rgb(84,72,210)
```

Similar Colors

Text with hexadecimal color #485ed2

This text has a font color of #485ed2.

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

#485ed2 background color

This paragraph has a background color of #485ed2.

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

#485ed2 border color

This element has a border color of #485ed2.

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

CSS codes

.text {color:#485ed2;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#050816
```
#050816 rgb(5,8,22)
```
#090e25
```
#090e25 rgb(9,14,37)
```
#0d1335
```
#0d1335 rgb(13,19,53)
```
#111945
```
#111945 rgb(17,25,69)
```
#151f55
```
#151f55 rgb(21,31,85)
```
#192564
```
#192564 rgb(25,37,100)
```
#1d2b74
```
#1d2b74 rgb(29,43,116)
```
#203084
```
#203084 rgb(32,48,132)
```
#243694
```
#243694 rgb(36,54,148)
```
#283ca3
```
#283ca3 rgb(40,60,163)
```
#2c42b3
```
#2c42b3 rgb(44,66,179)
```
#3047c3
```
#3047c3 rgb(48,71,195)
```

Shade Color Variation

#3850ce
```
#3850ce rgb(56,80,206)
```
#485ed2
```
#485ed2 rgb(72,94,210)
```
#586cd6
```
#586cd6 rgb(88,108,214)
```
#677ada
```
#677ada rgb(103,122,218)
```
#7788de
```
#7788de rgb(119,136,222)
```
#8795e1
```
#8795e1 rgb(135,149,225)
```
#97a3e5
```
#97a3e5 rgb(151,163,229)
```
#a6b1e9
```
#a6b1e9 rgb(166,177,233)
```
#b6bfed
```
#b6bfed rgb(182,191,237)
```
#c6cdf1
```
#c6cdf1 rgb(198,205,241)
```
#d6dbf5
```
#d6dbf5 rgb(214,219,245)
```
#e5e9f9
```
#e5e9f9 rgb(229,233,249)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#858895
```
#858895 rgb(133,136,149)
```
#7d829d
```
#7d829d rgb(125,130,157)
```
#747ca6
```
#747ca6 rgb(116,124,166)
```
#6b76af
```
#6b76af rgb(107,118,175)
```
#6270b8
```
#6270b8 rgb(98,112,184)
```
#5a6ac0
```
#5a6ac0 rgb(90,106,192)
```
#5164c9
```
#5164c9 rgb(81,100,201)
```
#485ed2
```
#485ed2 rgb(72,94,210)
```
#3f58db
```
#3f58db rgb(63,88,219)
```
#3652e4
```
#3652e4 rgb(54,82,228)
```
#2e4cec
```
#2e4cec rgb(46,76,236)
```
#2546f5
```
#2546f5 rgb(37,70,245)
```
#1c40fe
```
#1c40fe rgb(28,64,254)
```

Tone Color Variation

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

Dichromacy

#006cd5 Protanopia 1% of men
#0072bc Deuteranopia 1% of men
#007b84 Tritanopia 0.001% of the population

Trichromacy

#1a67d4 Protanomaly 1% of men, 0.01% of women
#1a6bc4 Deuteranomaly 6% of men, 0.4% of women
#1a70a0 Tritanomaly 0.01% of the population

#485ed2 hex color

#485ed2 Color Information

#485ed2 Color Conversion

Color Schemes with #485ed2

Alternatives to #485ed2

#485ed2 Preview

Shades and Tints of #485ed2

Tones of #485ed2

Color Blindness Simulator