#487585 hex color

In a RGB color space, hex #487585 is composed of 28.2% red, 45.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 12% magenta, 0% yellow and 47.8% black. It has a hue angle of 195.7 degrees, a saturation of 29.8% and a lightness of 40.2%. #487585 color hex could be obtained by blending #90eaff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 46
- B 52
RGB color chart
- C 46
- M 12
- Y 0
- K 48
CMYK color chart

● #487585 color description : Dark moderate blue.

The hexadecimal color #487585 has RGB values of R:72, G:117, B:133 and CMYK values of C:0.46, M:0.12, Y:0, K:0.48. Its decimal value is 4748677.

Hex triplet	487585	`#487585`
RGB Decimal	72, 117, 133	`rgb(72,117,133)`
RGB Percent	28.2, 45.9, 52.2	`rgb(28.2%,45.9%,52.2%)`
CMYK	46, 12, 0, 48
HSL	195.7°, 29.8, 40.2	`hsl(195.7,29.8%,40.2%)`
HSV (or HSB)	195.7°, 45.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	46.702, -10.903, -13.603
XYZ	13.266, 15.793, 24.538
xyY	0.248, 0.295, 15.793
CIE-LCH	46.702, 17.434, 231.286
CIE-LUV	46.702, -20.609, -17.812
Hunter-Lab	39.74, -9.958, -8.791
Binary	01001000, 01110101, 10000101

#487585
```
#487585 rgb(72,117,133)
```
#855848
```
#855848 rgb(133,88,72)
```

Complementary Color

#488577
```
#488577 rgb(72,133,119)
```
#487585
```
#487585 rgb(72,117,133)
```
#485785
```
#485785 rgb(72,87,133)
```

Analogous Color

#857748
```
#857748 rgb(133,119,72)
```
#487585
```
#487585 rgb(72,117,133)
```
#854857
```
#854857 rgb(133,72,87)
```

Split Complementary Color

#758548
```
#758548 rgb(117,133,72)
```
#487585
```
#487585 rgb(72,117,133)
```
#854875
```
#854875 rgb(133,72,117)
```

Triadic Color

#488558
```
#488558 rgb(72,133,88)
```
#487585
```
#487585 rgb(72,117,133)
```
#854875
```
#854875 rgb(133,72,117)
```
#855848
```
#855848 rgb(133,88,72)
```

Tetradic Color

#2d4953
```
#2d4953 rgb(45,73,83)
```
#365864
```
#365864 rgb(54,88,100)
```
#3f6674
```
#3f6674 rgb(63,102,116)
```
#487585
```
#487585 rgb(72,117,133)
```
#518496
```
#518496 rgb(81,132,150)
```
#5a92a6
```
#5a92a6 rgb(90,146,166)
```
#6b9daf
```
#6b9daf rgb(107,157,175)
```

Monochromatic Color

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

#488485
```
#488485 rgb(72,132,133)
```
#487f85
```
#487f85 rgb(72,127,133)
```
#487a85
```
#487a85 rgb(72,122,133)
```
#487585
```
#487585 rgb(72,117,133)
```
#487085
```
#487085 rgb(72,112,133)
```
#486b85
```
#486b85 rgb(72,107,133)
```
#486685
```
#486685 rgb(72,102,133)
```

Similar Colors

Text with hexadecimal color #487585

This text has a font color of #487585.

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

#487585 background color

This paragraph has a background color of #487585.

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

#487585 border color

This element has a border color of #487585.

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

CSS codes

.text {color:#487585;}

.background {background-color:#487585;}

.border {border:1px solid #487585;}

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1012
```
#0a1012 rgb(10,16,18)
```
#111b1f
```
#111b1f rgb(17,27,31)
```
#18272c
```
#18272c rgb(24,39,44)
```
#1f3239
```
#1f3239 rgb(31,50,57)
```
#263d45
```
#263d45 rgb(38,61,69)
```
#2c4852
```
#2c4852 rgb(44,72,82)
```
#33535f
```
#33535f rgb(51,83,95)
```
#3a5f6c
```
#3a5f6c rgb(58,95,108)
```
#416a78
```
#416a78 rgb(65,106,120)
```
#487585
```
#487585 rgb(72,117,133)
```
#4f8092
```
#4f8092 rgb(79,128,146)
```
#568b9e
```
#568b9e rgb(86,139,158)
```

Shade Color Variation

#5f95a9
```
#5f95a9 rgb(95,149,169)
```
#6c9eaf
```
#6c9eaf rgb(108,158,175)
```
#79a6b6
```
#79a6b6 rgb(121,166,182)
```
#85afbd
```
#85afbd rgb(133,175,189)
```
#92b7c4
```
#92b7c4 rgb(146,183,196)
```
#9fbfcb
```
#9fbfcb rgb(159,191,203)
```
#acc8d2
```
#acc8d2 rgb(172,200,210)
```
#b8d0d9
```
#b8d0d9 rgb(184,208,217)
```
#c5d9e0
```
#c5d9e0 rgb(197,217,224)
```
#d2e1e7
```
#d2e1e7 rgb(210,225,231)
```
#dfeaed
```
#dfeaed rgb(223,234,237)
```
#ebf2f4
```
#ebf2f4 rgb(235,242,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606a6d is the less saturated color, while #0197cc is the most saturated one.

#606a6d
```
#606a6d rgb(96,106,109)
```
#586e75
```
#586e75 rgb(88,110,117)
```
#50717d
```
#50717d rgb(80,113,125)
```
#487585
```
#487585 rgb(72,117,133)
```
#40798d
```
#40798d rgb(64,121,141)
```
#387c95
```
#387c95 rgb(56,124,149)
```
#30809d
```
#30809d rgb(48,128,157)
```
#2884a5
```
#2884a5 rgb(40,132,165)
```
#2188ac
```
#2188ac rgb(33,136,172)
```
#198bb4
```
#198bb4 rgb(25,139,180)
```
#118fbc
```
#118fbc rgb(17,143,188)
```
#0993c4
```
#0993c4 rgb(9,147,196)
```
#0197cc
```
#0197cc rgb(1,151,204)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#626b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#727587 Protanopia 1% of men
#74738e Deuteranopia 1% of men
#4f7d86 Tritanopia 0.001% of the population

Trichromacy

#637586 Protanomaly 1% of men, 0.01% of women
#64748a Deuteranomaly 6% of men, 0.4% of women
#4c7a85 Tritanomaly 0.01% of the population

#487585 hex color

#487585 Color Information

#487585 Color Conversion

Color Schemes with #487585

Alternatives to #487585

#487585 Preview

Shades and Tints of #487585

Tones of #487585

Color Blindness Simulator