#485bda hex color

In a RGB color space, hex #485bda is composed of 28.2% red, 35.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 58.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 232.2 degrees, a saturation of 66.4% and a lightness of 56.9%. #485bda color hex could be obtained by blending #90b6ff with #0000b5. Closest websafe color is: #3366cc.

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

● #485bda color description : Soft blue.

The hexadecimal color #485bda has RGB values of R:72, G:91, B:218 and CMYK values of C:0.67, M:0.58, Y:0, K:0.15. Its decimal value is 4742106.

Hex triplet	485bda	`#485bda`
RGB Decimal	72, 91, 218	`rgb(72,91,218)`
RGB Percent	28.2, 35.7, 85.5	`rgb(28.2%,35.7%,85.5%)`
CMYK	67, 58, 0, 15
HSL	232.2°, 66.4, 56.9	`hsl(232.2,66.4%,56.9%)`
HSV (or HSB)	232.2°, 67, 85.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.119, 33.557, -67.307
XYZ	19.066, 13.921, 68.008
xyY	0.189, 0.138, 13.921
CIE-LCH	44.119, 75.209, 296.499
CIE-LUV	44.119, -12.196, -102.237
Hunter-Lab	37.311, 25.921, -81.954
Binary	01001000, 01011011, 11011010

#485bda
```
#485bda rgb(72,91,218)
```
#dac748
```
#dac748 rgb(218,199,72)
```

Complementary Color

#48a4da
```
#48a4da rgb(72,164,218)
```
#485bda
```
#485bda rgb(72,91,218)
```
#7e48da
```
#7e48da rgb(126,72,218)
```

Analogous Color

#a4da48
```
#a4da48 rgb(164,218,72)
```
#485bda
```
#485bda rgb(72,91,218)
```
#da7e48
```
#da7e48 rgb(218,126,72)
```

Split Complementary Color

#5bda48
```
#5bda48 rgb(91,218,72)
```
#485bda
```
#485bda rgb(72,91,218)
```
#da485b
```
#da485b rgb(218,72,91)
```

Triadic Color

#48dac7
```
#48dac7 rgb(72,218,199)
```
#485bda
```
#485bda rgb(72,91,218)
```
#da485b
```
#da485b rgb(218,72,91)
```
#dac748
```
#dac748 rgb(218,199,72)
```

Tetradic Color

#2436b2
```
#2436b2 rgb(36,54,178)
```
#283dc7
```
#283dc7 rgb(40,61,199)
```
#3348d6
```
#3348d6 rgb(51,72,214)
```
#485bda
```
#485bda rgb(72,91,218)
```
#5d6ede
```
#5d6ede rgb(93,110,222)
```
#7281e3
```
#7281e3 rgb(114,129,227)
```
#8894e7
```
#8894e7 rgb(136,148,231)
```

Monochromatic Color

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

#4880da
```
#4880da rgb(72,128,218)
```
#4873da
```
#4873da rgb(72,115,218)
```
#4867da
```
#4867da rgb(72,103,218)
```
#485bda
```
#485bda rgb(72,91,218)
```
#484fda
```
#484fda rgb(72,79,218)
```
#4d48da
```
#4d48da rgb(77,72,218)
```
#5a48da
```
#5a48da rgb(90,72,218)
```

Similar Colors

Text with hexadecimal color #485bda

This text has a font color of #485bda.

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

#485bda background color

This paragraph has a background color of #485bda.

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

#485bda border color

This element has a border color of #485bda.

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

CSS codes

.text {color:#485bda;}

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

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

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, #03040d is the darkest color, while #fbfcfe is the lightest one.

#03040d
```
#03040d rgb(3,4,13)
```
#06091d
```
#06091d rgb(6,9,29)
```
#090e2d
```
#090e2d rgb(9,14,45)
```
#0c133e
```
#0c133e rgb(12,19,62)
```
#10184e
```
#10184e rgb(16,24,78)
```
#131d5e
```
#131d5e rgb(19,29,94)
```
#16226f
```
#16226f rgb(22,34,111)
```
#1a277f
```
#1a277f rgb(26,39,127)
```
#1d2c8f
```
#1d2c8f rgb(29,44,143)
```
#2031a0
```
#2031a0 rgb(32,49,160)
```
#2436b0
```
#2436b0 rgb(36,54,176)
```
#273bc0
```
#273bc0 rgb(39,59,192)
```
#2a40d1
```
#2a40d1 rgb(42,64,209)
```

Shade Color Variation

#384cd7
```
#384cd7 rgb(56,76,215)
```
#485bda
```
#485bda rgb(72,91,218)
```
#586add
```
#586add rgb(88,106,221)
```
#6978e1
```
#6978e1 rgb(105,120,225)
```
#7987e4
```
#7987e4 rgb(121,135,228)
```
#8995e7
```
#8995e7 rgb(137,149,231)
```
#9aa4ea
```
#9aa4ea rgb(154,164,234)
```
#aab3ee
```
#aab3ee rgb(170,179,238)
```
#bac1f1
```
#bac1f1 rgb(186,193,241)
```
#cbd0f4
```
#cbd0f4 rgb(203,208,244)
```
#dbdff8
```
#dbdff8 rgb(219,223,248)
```
#ebedfb
```
#ebedfb rgb(235,237,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#8c8d96
```
#8c8d96 rgb(140,141,150)
```
#83879f
```
#83879f rgb(131,135,159)
```
#7b81a7
```
#7b81a7 rgb(123,129,167)
```
#727ab0
```
#727ab0 rgb(114,122,176)
```
#6a74b8
```
#6a74b8 rgb(106,116,184)
```
#616ec1
```
#616ec1 rgb(97,110,193)
```
#5968c9
```
#5968c9 rgb(89,104,201)
```
#5061d2
```
#5061d2 rgb(80,97,210)
```
#485bda
```
#485bda rgb(72,91,218)
```
#4055e2
```
#4055e2 rgb(64,85,226)
```
#374eeb
```
#374eeb rgb(55,78,235)
```
#2f48f3
```
#2f48f3 rgb(47,72,243)
```
#2642fc
```
#2642fc rgb(38,66,252)
```

Tone Color Variation

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

Dichromacy

#006cd4 Protanopia 1% of men
#0072ba Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#1a66d6 Protanomaly 1% of men, 0.01% of women
#1a6ac5 Deuteranomaly 6% of men, 0.4% of women
#1a6fa2 Tritanomaly 0.01% of the population

#485bda hex color

#485bda Color Information

#485bda Color Conversion

Color Schemes with #485bda

Alternatives to #485bda

#485bda Preview

Shades and Tints of #485bda

Tones of #485bda

Color Blindness Simulator