#486d90 hex color

In a RGB color space, hex #486d90 is composed of 28.2% red, 42.7% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 24.3% magenta, 0% yellow and 43.5% black. It has a hue angle of 209.2 degrees, a saturation of 33.3% and a lightness of 42.4%. #486d90 color hex could be obtained by blending #90daff with #000021. Closest websafe color is: #336699.

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

● #486d90 color description : Dark moderate blue.

The hexadecimal color #486d90 has RGB values of R:72, G:109, B:144 and CMYK values of C:0.5, M:0.24, Y:0, K:0.44. Its decimal value is 4746640.

Hex triplet	486d90	`#486d90`
RGB Decimal	72, 109, 144	`rgb(72,109,144)`
RGB Percent	28.2, 42.7, 56.5	`rgb(28.2%,42.7%,56.5%)`
CMYK	50, 24, 0, 44
HSL	209.2°, 33.3, 42.4	`hsl(209.2,33.3%,42.4%)`
HSV (or HSB)	209.2°, 50, 56.5
Web Safe	336699	`#336699`

CIE-LAB	44.7, -2.877, -23.214
XYZ	13.174, 14.328, 28.455
xyY	0.235, 0.256, 14.328
CIE-LCH	44.7, 23.392, 262.936
CIE-LUV	44.7, -17.275, -33.096
Hunter-Lab	37.852, -4.117, -18.075
Binary	01001000, 01101101, 10010000

#486d90
```
#486d90 rgb(72,109,144)
```
#906b48
```
#906b48 rgb(144,107,72)
```

Complementary Color

#48908f
```
#48908f rgb(72,144,143)
```
#486d90
```
#486d90 rgb(72,109,144)
```
#484990
```
#484990 rgb(72,73,144)
```

Analogous Color

#908f48
```
#908f48 rgb(144,143,72)
```
#486d90
```
#486d90 rgb(72,109,144)
```
#904849
```
#904849 rgb(144,72,73)
```

Split Complementary Color

#6d9048
```
#6d9048 rgb(109,144,72)
```
#486d90
```
#486d90 rgb(72,109,144)
```
#90486d
```
#90486d rgb(144,72,109)
```

Triadic Color

#48906b
```
#48906b rgb(72,144,107)
```
#486d90
```
#486d90 rgb(72,109,144)
```
#90486d
```
#90486d rgb(144,72,109)
```
#906b48
```
#906b48 rgb(144,107,72)
```

Tetradic Color

#2f465d
```
#2f465d rgb(47,70,93)
```
#37536e
```
#37536e rgb(55,83,110)
```
#40607f
```
#40607f rgb(64,96,127)
```
#486d90
```
#486d90 rgb(72,109,144)
```
#517aa1
```
#517aa1 rgb(81,122,161)
```
#5d87ae
```
#5d87ae rgb(93,135,174)
```
#6e93b7
```
#6e93b7 rgb(110,147,183)
```

Monochromatic Color

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

#487f90
```
#487f90 rgb(72,127,144)
```
#487990
```
#487990 rgb(72,121,144)
```
#487390
```
#487390 rgb(72,115,144)
```
#486d90
```
#486d90 rgb(72,109,144)
```
#486790
```
#486790 rgb(72,103,144)
```
#486190
```
#486190 rgb(72,97,144)
```
#485b90
```
#485b90 rgb(72,91,144)
```

Similar Colors

Text with hexadecimal color #486d90

This text has a font color of #486d90.

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

#486d90 background color

This paragraph has a background color of #486d90.

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

#486d90 border color

This element has a border color of #486d90.

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

CSS codes

.text {color:#486d90;}

.background {background-color:#486d90;}

.border {border:1px solid #486d90;}

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

#000000
```
#000000 rgb(0,0,0)
```
#070a0d
```
#070a0d rgb(7,10,13)
```
#0d141a
```
#0d141a rgb(13,20,26)
```
#141e27
```
#141e27 rgb(20,30,39)
```
#1a2834
```
#1a2834 rgb(26,40,52)
```
#213242
```
#213242 rgb(33,50,66)
```
#273c4f
```
#273c4f rgb(39,60,79)
```
#2e455c
```
#2e455c rgb(46,69,92)
```
#344f69
```
#344f69 rgb(52,79,105)
```
#3b5976
```
#3b5976 rgb(59,89,118)
```
#416383
```
#416383 rgb(65,99,131)
```
#486d90
```
#486d90 rgb(72,109,144)
```
#4f779d
```
#4f779d rgb(79,119,157)
```

Shade Color Variation

#5581aa
```
#5581aa rgb(85,129,170)
```
#628bb1
```
#628bb1 rgb(98,139,177)
```
#6f94b7
```
#6f94b7 rgb(111,148,183)
```
#7c9ebe
```
#7c9ebe rgb(124,158,190)
```
#89a8c4
```
#89a8c4 rgb(137,168,196)
```
#97b1cb
```
#97b1cb rgb(151,177,203)
```
#a4bbd1
```
#a4bbd1 rgb(164,187,209)
```
#b1c5d8
```
#b1c5d8 rgb(177,197,216)
```
#becfde
```
#becfde rgb(190,207,222)
```
#cbd8e5
```
#cbd8e5 rgb(203,216,229)
```
#d8e2eb
```
#d8e2eb rgb(216,226,235)
```
#e5ecf2
```
#e5ecf2 rgb(229,236,242)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696c6f is the less saturated color, while #066fd2 is the most saturated one.

#696c6f
```
#696c6f rgb(105,108,111)
```
#616c77
```
#616c77 rgb(97,108,119)
```
#596d7f
```
#596d7f rgb(89,109,127)
```
#506d88
```
#506d88 rgb(80,109,136)
```
#486d90
```
#486d90 rgb(72,109,144)
```
#406d98
```
#406d98 rgb(64,109,152)
```
#376da1
```
#376da1 rgb(55,109,161)
```
#2f6ea9
```
#2f6ea9 rgb(47,110,169)
```
#276eb1
```
#276eb1 rgb(39,110,177)
```
#1e6eba
```
#1e6eba rgb(30,110,186)
```
#166ec2
```
#166ec2 rgb(22,110,194)
```
#0e6fca
```
#0e6fca rgb(14,111,202)
```
#066fd2
```
#066fd2 rgb(6,111,210)
```

Tone Color Variation

Below, you can see how #486d90 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
#60676e Atypical Achromatopsia 0.001% of the population

Dichromacy

#677092 Protanopia 1% of men
#647097 Deuteranopia 1% of men
#497881 Tritanopia 0.001% of the population

Trichromacy

#5b6f91 Protanomaly 1% of men, 0.01% of women
#5a6f94 Deuteranomaly 6% of men, 0.4% of women
#487486 Tritanomaly 0.01% of the population

#486d90 hex color

#486d90 Color Information

#486d90 Color Conversion

Color Schemes with #486d90

Alternatives to #486d90

#486d90 Preview

Shades and Tints of #486d90

Tones of #486d90

Color Blindness Simulator