#487085 hex color

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

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

● #487085 color description : Dark moderate blue.

The hexadecimal color #487085 has RGB values of R:72, G:112, B:133 and CMYK values of C:0.46, M:0.16, Y:0, K:0.48. Its decimal value is 4747397.

Hex triplet	487085	`#487085`
RGB Decimal	72, 112, 133	`rgb(72,112,133)`
RGB Percent	28.2, 43.9, 52.2	`rgb(28.2%,43.9%,52.2%)`
CMYK	46, 16, 0, 48
HSL	200.7°, 29.8, 40.2	`hsl(200.7,29.8%,40.2%)`
HSV (or HSB)	200.7°, 45.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	45.163, -8.022, -15.942
XYZ	12.699, 14.659, 24.349
xyY	0.246, 0.283, 14.659
CIE-LCH	45.163, 17.847, 243.289
CIE-LUV	45.163, -18.574, -21.531
Hunter-Lab	38.287, -7.796, -10.906
Binary	01001000, 01110000, 10000101

#487085
```
#487085 rgb(72,112,133)
```
#855d48
```
#855d48 rgb(133,93,72)
```

Complementary Color

#48857c
```
#48857c rgb(72,133,124)
```
#487085
```
#487085 rgb(72,112,133)
```
#485285
```
#485285 rgb(72,82,133)
```

Analogous Color

#857c48
```
#857c48 rgb(133,124,72)
```
#487085
```
#487085 rgb(72,112,133)
```
#854851
```
#854851 rgb(133,72,81)
```

Split Complementary Color

#708548
```
#708548 rgb(112,133,72)
```
#487085
```
#487085 rgb(72,112,133)
```
#854870
```
#854870 rgb(133,72,112)
```

Triadic Color

#48855d
```
#48855d rgb(72,133,93)
```
#487085
```
#487085 rgb(72,112,133)
```
#854870
```
#854870 rgb(133,72,112)
```
#855d48
```
#855d48 rgb(133,93,72)
```

Tetradic Color

#2d4653
```
#2d4653 rgb(45,70,83)
```
#365464
```
#365464 rgb(54,84,100)
```
#3f6274
```
#3f6274 rgb(63,98,116)
```
#487085
```
#487085 rgb(72,112,133)
```
#517e96
```
#517e96 rgb(81,126,150)
```
#5a8ca6
```
#5a8ca6 rgb(90,140,166)
```
#6b97af
```
#6b97af rgb(107,151,175)
```

Monochromatic Color

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

#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)
```
#486185
```
#486185 rgb(72,97,133)
```

Similar Colors

Text with hexadecimal color #487085

This text has a font color of #487085.

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

#487085 background color

This paragraph has a background color of #487085.

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

#487085 border color

This element has a border color of #487085.

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

CSS codes

.text {color:#487085;}

.background {background-color:#487085;}

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

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)
```
#111a1f
```
#111a1f rgb(17,26,31)
```
#18252c
```
#18252c rgb(24,37,44)
```
#1f3039
```
#1f3039 rgb(31,48,57)
```
#263a45
```
#263a45 rgb(38,58,69)
```
#2c4552
```
#2c4552 rgb(44,69,82)
```
#33505f
```
#33505f rgb(51,80,95)
```
#3a5b6c
```
#3a5b6c rgb(58,91,108)
```
#416578
```
#416578 rgb(65,101,120)
```
#487085
```
#487085 rgb(72,112,133)
```
#4f7b92
```
#4f7b92 rgb(79,123,146)
```
#56859e
```
#56859e rgb(86,133,158)
```

Shade Color Variation

#5f8fa9
```
#5f8fa9 rgb(95,143,169)
```
#6c98af
```
#6c98af rgb(108,152,175)
```
#79a1b6
```
#79a1b6 rgb(121,161,182)
```
#85aabd
```
#85aabd rgb(133,170,189)
```
#92b3c4
```
#92b3c4 rgb(146,179,196)
```
#9fbccb
```
#9fbccb rgb(159,188,203)
```
#acc5d2
```
#acc5d2 rgb(172,197,210)
```
#b8ced9
```
#b8ced9 rgb(184,206,217)
```
#c5d7e0
```
#c5d7e0 rgb(197,215,224)
```
#d2dfe7
```
#d2dfe7 rgb(210,223,231)
```
#dfe8ed
```
#dfe8ed rgb(223,232,237)
```
#ebf1f4
```
#ebf1f4 rgb(235,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#60696d
```
#60696d rgb(96,105,109)
```
#586b75
```
#586b75 rgb(88,107,117)
```
#506e7d
```
#506e7d rgb(80,110,125)
```
#487085
```
#487085 rgb(72,112,133)
```
#40728d
```
#40728d rgb(64,114,141)
```
#387595
```
#387595 rgb(56,117,149)
```
#30779d
```
#30779d rgb(48,119,157)
```
#287aa5
```
#287aa5 rgb(40,122,165)
```
#217cac
```
#217cac rgb(33,124,172)
```
#197fb4
```
#197fb4 rgb(25,127,180)
```
#1181bc
```
#1181bc rgb(17,129,188)
```
#0984c4
```
#0984c4 rgb(9,132,196)
```
#0186cc
```
#0186cc rgb(1,134,204)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#60686c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7187 Protanopia 1% of men
#6e708d Deuteranopia 1% of men
#4e7981 Tritanopia 0.001% of the population

Trichromacy

#5f7186 Protanomaly 1% of men, 0.01% of women
#60708a Deuteranomaly 6% of men, 0.4% of women
#4b7583 Tritanomaly 0.01% of the population

#487085 hex color

#487085 Color Information

#487085 Color Conversion

Color Schemes with #487085

Alternatives to #487085

#487085 Preview

Shades and Tints of #487085

Tones of #487085

Color Blindness Simulator