#486d99 hex color

In a RGB color space, hex #486d99 is composed of 28.2% red, 42.7% green and 60% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 28.8% magenta, 0% yellow and 40% black. It has a hue angle of 212.6 degrees, a saturation of 36% and a lightness of 44.1%. #486d99 color hex could be obtained by blending #90daff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 43
- B 60
RGB color chart
- C 53
- M 29
- Y 0
- K 40
CMYK color chart

● #486d99 color description : Dark moderate blue.

The hexadecimal color #486d99 has RGB values of R:72, G:109, B:153 and CMYK values of C:0.53, M:0.29, Y:0, K:0.4. Its decimal value is 4746649.

Hex triplet	486d99	`#486d99`
RGB Decimal	72, 109, 153	`rgb(72,109,153)`
RGB Percent	28.2, 42.7, 60	`rgb(28.2%,42.7%,60%)`
CMYK	53, 29, 0, 40
HSL	212.6°, 36, 44.1	`hsl(212.6,36%,44.1%)`
HSV (or HSB)	212.6°, 52.9, 60
Web Safe	336699	`#336699`

CIE-LAB	45.101, -0.005, -27.935
XYZ	13.89, 14.614, 32.224
xyY	0.229, 0.241, 14.614
CIE-LCH	45.101, 27.935, 269.99
CIE-LUV	45.101, -17.218, -40.746
Hunter-Lab	38.228, -2.045, -23.218
Binary	01001000, 01101101, 10011001

#486d99
```
#486d99 rgb(72,109,153)
```
#997448
```
#997448 rgb(153,116,72)
```

Complementary Color

#489699
```
#489699 rgb(72,150,153)
```
#486d99
```
#486d99 rgb(72,109,153)
```
#4b4899
```
#4b4899 rgb(75,72,153)
```

Analogous Color

#969948
```
#969948 rgb(150,153,72)
```
#486d99
```
#486d99 rgb(72,109,153)
```
#994b48
```
#994b48 rgb(153,75,72)
```

Split Complementary Color

#6d9948
```
#6d9948 rgb(109,153,72)
```
#486d99
```
#486d99 rgb(72,109,153)
```
#99486d
```
#99486d rgb(153,72,109)
```

Triadic Color

#489974
```
#489974 rgb(72,153,116)
```
#486d99
```
#486d99 rgb(72,109,153)
```
#99486d
```
#99486d rgb(153,72,109)
```
#997448
```
#997448 rgb(153,116,72)
```

Tetradic Color

#304865
```
#304865 rgb(48,72,101)
```
#385476
```
#385476 rgb(56,84,118)
```
#406188
```
#406188 rgb(64,97,136)
```
#486d99
```
#486d99 rgb(72,109,153)
```
#5079aa
```
#5079aa rgb(80,121,170)
```
#6086b4
```
#6086b4 rgb(96,134,180)
```
#7194bc
```
#7194bc rgb(113,148,188)
```

Monochromatic Color

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

#488199
```
#488199 rgb(72,129,153)
```
#487b99
```
#487b99 rgb(72,123,153)
```
#487499
```
#487499 rgb(72,116,153)
```
#486d99
```
#486d99 rgb(72,109,153)
```
#486699
```
#486699 rgb(72,102,153)
```
#486099
```
#486099 rgb(72,96,153)
```
#485999
```
#485999 rgb(72,89,153)
```

Similar Colors

Text with hexadecimal color #486d99

This text has a font color of #486d99.

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

#486d99 background color

This paragraph has a background color of #486d99.

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

#486d99 border color

This element has a border color of #486d99.

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

CSS codes

.text {color:#486d99;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090e14
```
#090e14 rgb(9,14,20)
```
#101721
```
#101721 rgb(16,23,33)
```
#16212e
```
#16212e rgb(22,33,46)
```
#1c2a3c
```
#1c2a3c rgb(28,42,60)
```
#223449
```
#223449 rgb(34,52,73)
```
#293d56
```
#293d56 rgb(41,61,86)
```
#2f4764
```
#2f4764 rgb(47,71,100)
```
#355071
```
#355071 rgb(53,80,113)
```
#3b5a7e
```
#3b5a7e rgb(59,90,126)
```
#42638c
```
#42638c rgb(66,99,140)
```
#486d99
```
#486d99 rgb(72,109,153)
```
#4e77a6
```
#4e77a6 rgb(78,119,166)
```

Shade Color Variation

#5880b0
```
#5880b0 rgb(88,128,176)
```
#658ab7
```
#658ab7 rgb(101,138,183)
```
#7395bd
```
#7395bd rgb(115,149,189)
```
#809fc3
```
#809fc3 rgb(128,159,195)
```
#8da9c9
```
#8da9c9 rgb(141,169,201)
```
#9bb3d0
```
#9bb3d0 rgb(155,179,208)
```
#a8bdd6
```
#a8bdd6 rgb(168,189,214)
```
#b5c7dc
```
#b5c7dc rgb(181,199,220)
```
#c3d1e3
```
#c3d1e3 rgb(195,209,227)
```
#d0dbe9
```
#d0dbe9 rgb(208,219,233)
```
#dde5ef
```
#dde5ef rgb(221,229,239)
```
#ebf0f5
```
#ebf0f5 rgb(235,240,245)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7076 is the less saturated color, while #0367de is the most saturated one.

#6b7076
```
#6b7076 rgb(107,112,118)
```
#626f7f
```
#626f7f rgb(98,111,127)
```
#596e88
```
#596e88 rgb(89,110,136)
```
#516e90
```
#516e90 rgb(81,110,144)
```
#486d99
```
#486d99 rgb(72,109,153)
```
#3f6ca2
```
#3f6ca2 rgb(63,108,162)
```
#376caa
```
#376caa rgb(55,108,170)
```
#2e6bb3
```
#2e6bb3 rgb(46,107,179)
```
#256abc
```
#256abc rgb(37,106,188)
```
#1d69c4
```
#1d69c4 rgb(29,105,196)
```
#1469cd
```
#1469cd rgb(20,105,205)
```
#0b68d6
```
#0b68d6 rgb(11,104,214)
```
#0367de
```
#0367de rgb(3,103,222)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#616871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64709b Protanopia 1% of men
#5f719f Deuteranopia 1% of men
#457a82 Tritanopia 0.001% of the population

Trichromacy

#5a6f9a Protanomaly 1% of men, 0.01% of women
#566f9d Deuteranomaly 6% of men, 0.4% of women
#46758a Tritanomaly 0.01% of the population

#486d99 hex color

#486d99 Color Information

#486d99 Color Conversion

Color Schemes with #486d99

Alternatives to #486d99

#486d99 Preview

Shades and Tints of #486d99

Tones of #486d99

Color Blindness Simulator