#486f88 hex color

In a RGB color space, hex #486f88 is composed of 28.2% red, 43.5% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 18.4% magenta, 0% yellow and 46.7% black. It has a hue angle of 203.4 degrees, a saturation of 30.8% and a lightness of 40.8%. #486f88 color hex could be obtained by blending #90deff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 44
- B 53
RGB color chart
- C 47
- M 18
- Y 0
- K 47
CMYK color chart

● #486f88 color description : Dark moderate blue.

The hexadecimal color #486f88 has RGB values of R:72, G:111, B:136 and CMYK values of C:0.47, M:0.18, Y:0, K:0.47. Its decimal value is 4747144.

Hex triplet	486f88	`#486f88`
RGB Decimal	72, 111, 136	`rgb(72,111,136)`
RGB Percent	28.2, 43.5, 53.3	`rgb(28.2%,43.5%,53.3%)`
CMYK	47, 18, 0, 47
HSL	203.4°, 30.8, 40.8	`hsl(203.4,30.8%,40.8%)`
HSV (or HSB)	203.4°, 47.1, 53.3
Web Safe	336699	`#336699`

CIE-LAB	44.975, -6.535, -18.022
XYZ	12.8, 14.524, 25.42
xyY	0.243, 0.275, 14.524
CIE-LCH	44.975, 19.17, 250.068
CIE-LUV	44.975, -18.136, -24.816
Hunter-Lab	38.11, -6.74, -12.871
Binary	01001000, 01101111, 10001000

#486f88
```
#486f88 rgb(72,111,136)
```
#886148
```
#886148 rgb(136,97,72)
```

Complementary Color

#488881
```
#488881 rgb(72,136,129)
```
#486f88
```
#486f88 rgb(72,111,136)
```
#484f88
```
#484f88 rgb(72,79,136)
```

Analogous Color

#888148
```
#888148 rgb(136,129,72)
```
#486f88
```
#486f88 rgb(72,111,136)
```
#88484f
```
#88484f rgb(136,72,79)
```

Split Complementary Color

#6f8848
```
#6f8848 rgb(111,136,72)
```
#486f88
```
#486f88 rgb(72,111,136)
```
#88486f
```
#88486f rgb(136,72,111)
```

Triadic Color

#488861
```
#488861 rgb(72,136,97)
```
#486f88
```
#486f88 rgb(72,111,136)
```
#88486f
```
#88486f rgb(136,72,111)
```
#886148
```
#886148 rgb(136,97,72)
```

Tetradic Color

#2e4656
```
#2e4656 rgb(46,70,86)
```
#365467
```
#365467 rgb(54,84,103)
```
#3f6177
```
#3f6177 rgb(63,97,119)
```
#486f88
```
#486f88 rgb(72,111,136)
```
#517d99
```
#517d99 rgb(81,125,153)
```
#5b8aa8
```
#5b8aa8 rgb(91,138,168)
```
#6c96b1
```
#6c96b1 rgb(108,150,177)
```

Monochromatic Color

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

#487f88
```
#487f88 rgb(72,127,136)
```
#487a88
```
#487a88 rgb(72,122,136)
```
#487488
```
#487488 rgb(72,116,136)
```
#486f88
```
#486f88 rgb(72,111,136)
```
#486a88
```
#486a88 rgb(72,106,136)
```
#486488
```
#486488 rgb(72,100,136)
```
#485f88
```
#485f88 rgb(72,95,136)
```

Similar Colors

Text with hexadecimal color #486f88

This text has a font color of #486f88.

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

#486f88 background color

This paragraph has a background color of #486f88.

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

#486f88 border color

This element has a border color of #486f88.

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

CSS codes

.text {color:#486f88;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0b1115
```
#0b1115 rgb(11,17,21)
```
#121b21
```
#121b21 rgb(18,27,33)
```
#18262e
```
#18262e rgb(24,38,46)
```
#1f303b
```
#1f303b rgb(31,48,59)
```
#263b48
```
#263b48 rgb(38,59,72)
```
#2d4555
```
#2d4555 rgb(45,69,85)
```
#345062
```
#345062 rgb(52,80,98)
```
#3a5a6e
```
#3a5a6e rgb(58,90,110)
```
#41657b
```
#41657b rgb(65,101,123)
```
#486f88
```
#486f88 rgb(72,111,136)
```
#4f7995
```
#4f7995 rgb(79,121,149)
```
#5684a2
```
#5684a2 rgb(86,132,162)
```

Shade Color Variation

#608eab
```
#608eab rgb(96,142,171)
```
#6d97b2
```
#6d97b2 rgb(109,151,178)
```
#7aa0b8
```
#7aa0b8 rgb(122,160,184)
```
#86a9bf
```
#86a9bf rgb(134,169,191)
```
#93b2c6
```
#93b2c6 rgb(147,178,198)
```
#a0bbcd
```
#a0bbcd rgb(160,187,205)
```
#adc4d4
```
#adc4d4 rgb(173,196,212)
```
#baceda
```
#baceda rgb(186,206,218)
```
#c7d7e1
```
#c7d7e1 rgb(199,215,225)
```
#d3e0e8
```
#d3e0e8 rgb(211,224,232)
```
#e0e9ef
```
#e0e9ef rgb(224,233,239)
```
#edf2f6
```
#edf2f6 rgb(237,242,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#606a70
```
#606a70 rgb(96,106,112)
```
#586c78
```
#586c78 rgb(88,108,120)
```
#506d80
```
#506d80 rgb(80,109,128)
```
#486f88
```
#486f88 rgb(72,111,136)
```
#407190
```
#407190 rgb(64,113,144)
```
#387398
```
#387398 rgb(56,115,152)
```
#3074a0
```
#3074a0 rgb(48,116,160)
```
#2876a8
```
#2876a8 rgb(40,118,168)
```
#2078b0
```
#2078b0 rgb(32,120,176)
```
#187ab8
```
#187ab8 rgb(24,122,184)
```
#107bc0
```
#107bc0 rgb(16,123,192)
```
#087dc8
```
#087dc8 rgb(8,125,200)
```
#007fd0
```
#007fd0 rgb(0,127,208)
```

Tone Color Variation

Below, you can see how #486f88 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
#60686d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b718a Protanopia 1% of men
#6b7090 Deuteranopia 1% of men
#4c7881 Tritanopia 0.001% of the population

Trichromacy

#5e7089 Protanomaly 1% of men, 0.01% of women
#5e6f8d Deuteranomaly 6% of men, 0.4% of women
#4b7583 Tritanomaly 0.01% of the population

#486f88 hex color

#486f88 Color Information

#486f88 Color Conversion

Color Schemes with #486f88

Alternatives to #486f88

#486f88 Preview

Shades and Tints of #486f88

Tones of #486f88

Color Blindness Simulator