#485ca3 hex color

In a RGB color space, hex #485ca3 is composed of 28.2% red, 36.1% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 43.6% magenta, 0% yellow and 36.1% black. It has a hue angle of 226.8 degrees, a saturation of 38.7% and a lightness of 46.1%. #485ca3 color hex could be obtained by blending #90b8ff with #000047. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 36
- B 64
RGB color chart
- C 56
- M 44
- Y 0
- K 36
CMYK color chart

● #485ca3 color description : Dark moderate blue.

The hexadecimal color #485ca3 has RGB values of R:72, G:92, B:163 and CMYK values of C:0.56, M:0.44, Y:0, K:0.36. Its decimal value is 4742307.

Hex triplet	485ca3	`#485ca3`
RGB Decimal	72, 92, 163	`rgb(72,92,163)`
RGB Percent	28.2, 36.1, 63.9	`rgb(28.2%,36.1%,63.9%)`
CMYK	56, 44, 0, 36
HSL	226.8°, 38.7, 46.1	`hsl(226.8,38.7%,46.1%)`
HSV (or HSB)	226.8°, 55.8, 63.9
Web Safe	336699	`#336699`

CIE-LAB	40.696, 13.954, -40.814
XYZ	13.109, 11.676, 36.211
xyY	0.215, 0.191, 11.676
CIE-LCH	40.696, 43.134, 288.876
CIE-LUV	40.696, -11.223, -60.513
Hunter-Lab	34.17, 8.684, -38.913
Binary	01001000, 01011100, 10100011

#485ca3
```
#485ca3 rgb(72,92,163)
```
#a38f48
```
#a38f48 rgb(163,143,72)
```

Complementary Color

#488aa3
```
#488aa3 rgb(72,138,163)
```
#485ca3
```
#485ca3 rgb(72,92,163)
```
#6248a3
```
#6248a3 rgb(98,72,163)
```

Analogous Color

#8aa348
```
#8aa348 rgb(138,163,72)
```
#485ca3
```
#485ca3 rgb(72,92,163)
```
#a36248
```
#a36248 rgb(163,98,72)
```

Split Complementary Color

#5ca348
```
#5ca348 rgb(92,163,72)
```
#485ca3
```
#485ca3 rgb(72,92,163)
```
#a3485c
```
#a3485c rgb(163,72,92)
```

Triadic Color

#48a38f
```
#48a38f rgb(72,163,143)
```
#485ca3
```
#485ca3 rgb(72,92,163)
```
#a3485c
```
#a3485c rgb(163,72,92)
```
#a38f48
```
#a38f48 rgb(163,143,72)
```

Tetradic Color

#313e6e
```
#313e6e rgb(49,62,110)
```
#384880
```
#384880 rgb(56,72,128)
```
#405291
```
#405291 rgb(64,82,145)
```
#485ca3
```
#485ca3 rgb(72,92,163)
```
#5267b3
```
#5267b3 rgb(82,103,179)
```
#6477ba
```
#6477ba rgb(100,119,186)
```
#7586c2
```
#7586c2 rgb(117,134,194)
```

Monochromatic Color

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

#4873a3
```
#4873a3 rgb(72,115,163)
```
#486ba3
```
#486ba3 rgb(72,107,163)
```
#4864a3
```
#4864a3 rgb(72,100,163)
```
#485ca3
```
#485ca3 rgb(72,92,163)
```
#4854a3
```
#4854a3 rgb(72,84,163)
```
#484da3
```
#484da3 rgb(72,77,163)
```
#4b48a3
```
#4b48a3 rgb(75,72,163)
```

Similar Colors

Text with hexadecimal color #485ca3

This text has a font color of #485ca3.

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

#485ca3 background color

This paragraph has a background color of #485ca3.

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

#485ca3 border color

This element has a border color of #485ca3.

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

CSS codes

.text {color:#485ca3;}

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

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

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

#06080d
```
#06080d rgb(6,8,13)
```
#0c0f1b
```
#0c0f1b rgb(12,15,27)
```
#121729
```
#121729 rgb(18,23,41)
```
#181f36
```
#181f36 rgb(24,31,54)
```
#1e2644
```
#1e2644 rgb(30,38,68)
```
#242e51
```
#242e51 rgb(36,46,81)
```
#2a365f
```
#2a365f rgb(42,54,95)
```
#303d6d
```
#303d6d rgb(48,61,109)
```
#36457a
```
#36457a rgb(54,69,122)
```
#3c4d88
```
#3c4d88 rgb(60,77,136)
```
#425495
```
#425495 rgb(66,84,149)
```
#485ca3
```
#485ca3 rgb(72,92,163)
```
#4e64b1
```
#4e64b1 rgb(78,100,177)
```

Shade Color Variation

#5b70b7
```
#5b70b7 rgb(91,112,183)
```
#697bbd
```
#697bbd rgb(105,123,189)
```
#7787c3
```
#7787c3 rgb(119,135,195)
```
#8493c9
```
#8493c9 rgb(132,147,201)
```
#929fcf
```
#929fcf rgb(146,159,207)
```
#9fabd5
```
#9fabd5 rgb(159,171,213)
```
#adb7db
```
#adb7db rgb(173,183,219)
```
#bbc3e1
```
#bbc3e1 rgb(187,195,225)
```
#c8cfe7
```
#c8cfe7 rgb(200,207,231)
```
#d6dbed
```
#d6dbed rgb(214,219,237)
```
#e4e7f3
```
#e4e7f3 rgb(228,231,243)
```
#f1f3f9
```
#f1f3f9 rgb(241,243,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757576
```
#757576 rgb(117,117,118)
```
#6c707f
```
#6c707f rgb(108,112,127)
```
#636b88
```
#636b88 rgb(99,107,136)
```
#5a6691
```
#5a6691 rgb(90,102,145)
```
#51619a
```
#51619a rgb(81,97,154)
```
#485ca3
```
#485ca3 rgb(72,92,163)
```
#3f57ac
```
#3f57ac rgb(63,87,172)
```
#3652b5
```
#3652b5 rgb(54,82,181)
```
#2d4dbe
```
#2d4dbe rgb(45,77,190)
```
#2448c7
```
#2448c7 rgb(36,72,199)
```
#1b43d0
```
#1b43d0 rgb(27,67,208)
```
#123ed9
```
#123ed9 rgb(18,62,217)
```
#0939e2
```
#0939e2 rgb(9,57,226)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5a5e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4866a9 Protanopia 1% of men
#3968a5 Deuteranopia 1% of men
#3a6f77 Tritanopia 0.001% of the population

Trichromacy

#4862a6 Protanomaly 1% of men, 0.01% of women
#3e64a4 Deuteranomaly 6% of men, 0.4% of women
#3f6887 Tritanomaly 0.01% of the population

#485ca3 hex color

#485ca3 Color Information

#485ca3 Color Conversion

Color Schemes with #485ca3

Alternatives to #485ca3

#485ca3 Preview

Shades and Tints of #485ca3

Tones of #485ca3

Color Blindness Simulator