#485e88 hex color

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

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

● #485e88 color description : Dark moderate blue.

The hexadecimal color #485e88 has RGB values of R:72, G:94, B:136 and CMYK values of C:0.47, M:0.31, Y:0, K:0.47. Its decimal value is 4742792.

Hex triplet	485e88	`#485e88`
RGB Decimal	72, 94, 136	`rgb(72,94,136)`
RGB Percent	28.2, 36.9, 53.3	`rgb(28.2%,36.9%,53.3%)`
CMYK	47, 31, 0, 47
HSL	219.4°, 30.8, 40.8	`hsl(219.4,30.8%,40.8%)`
HSV (or HSB)	219.4°, 47.1, 53.3
Web Safe	336699	`#336699`

CIE-LAB	39.849, 3.803, -25.947
XYZ	11.118, 11.16, 24.859
xyY	0.236, 0.237, 11.16
CIE-LCH	39.849, 26.224, 278.338
CIE-LUV	39.849, -11.463, -37.034
Hunter-Lab	33.407, 0.944, -20.735
Binary	01001000, 01011110, 10001000

#485e88
```
#485e88 rgb(72,94,136)
```
#887248
```
#887248 rgb(136,114,72)
```

Complementary Color

#487e88
```
#487e88 rgb(72,126,136)
```
#485e88
```
#485e88 rgb(72,94,136)
```
#524888
```
#524888 rgb(82,72,136)
```

Analogous Color

#7e8848
```
#7e8848 rgb(126,136,72)
```
#485e88
```
#485e88 rgb(72,94,136)
```
#885248
```
#885248 rgb(136,82,72)
```

Split Complementary Color

#5e8848
```
#5e8848 rgb(94,136,72)
```
#485e88
```
#485e88 rgb(72,94,136)
```
#88485e
```
#88485e rgb(136,72,94)
```

Triadic Color

#488872
```
#488872 rgb(72,136,114)
```
#485e88
```
#485e88 rgb(72,94,136)
```
#88485e
```
#88485e rgb(136,72,94)
```
#887248
```
#887248 rgb(136,114,72)
```

Tetradic Color

#2e3b56
```
#2e3b56 rgb(46,59,86)
```
#364767
```
#364767 rgb(54,71,103)
```
#3f5277
```
#3f5277 rgb(63,82,119)
```
#485e88
```
#485e88 rgb(72,94,136)
```
#516a99
```
#516a99 rgb(81,106,153)
```
#5b75a8
```
#5b75a8 rgb(91,117,168)
```
#6c83b1
```
#6c83b1 rgb(108,131,177)
```

Monochromatic Color

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

#486e88
```
#486e88 rgb(72,110,136)
```
#486988
```
#486988 rgb(72,105,136)
```
#486388
```
#486388 rgb(72,99,136)
```
#485e88
```
#485e88 rgb(72,94,136)
```
#485988
```
#485988 rgb(72,89,136)
```
#485388
```
#485388 rgb(72,83,136)
```
#484e88
```
#484e88 rgb(72,78,136)
```

Similar Colors

Text with hexadecimal color #485e88

This text has a font color of #485e88.

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

#485e88 background color

This paragraph has a background color of #485e88.

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

#485e88 border color

This element has a border color of #485e88.

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

CSS codes

.text {color:#485e88;}

.background {background-color:#485e88;}

.border {border:1px solid #485e88;}

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

#040508
```
#040508 rgb(4,5,8)
```
#0b0e15
```
#0b0e15 rgb(11,14,21)
```
#121721
```
#121721 rgb(18,23,33)
```
#18202e
```
#18202e rgb(24,32,46)
```
#1f293b
```
#1f293b rgb(31,41,59)
```
#263248
```
#263248 rgb(38,50,72)
```
#2d3b55
```
#2d3b55 rgb(45,59,85)
```
#344362
```
#344362 rgb(52,67,98)
```
#3a4c6e
```
#3a4c6e rgb(58,76,110)
```
#41557b
```
#41557b rgb(65,85,123)
```
#485e88
```
#485e88 rgb(72,94,136)
```
#4f6795
```
#4f6795 rgb(79,103,149)
```
#5670a2
```
#5670a2 rgb(86,112,162)
```

Shade Color Variation

#607aab
```
#607aab rgb(96,122,171)
```
#6d84b2
```
#6d84b2 rgb(109,132,178)
```
#7a8fb8
```
#7a8fb8 rgb(122,143,184)
```
#869abf
```
#869abf rgb(134,154,191)
```
#93a5c6
```
#93a5c6 rgb(147,165,198)
```
#a0afcd
```
#a0afcd rgb(160,175,205)
```
#adbad4
```
#adbad4 rgb(173,186,212)
```
#bac5da
```
#bac5da rgb(186,197,218)
```
#c7d0e1
```
#c7d0e1 rgb(199,208,225)
```
#d3dae8
```
#d3dae8 rgb(211,218,232)
```
#e0e5ef
```
#e0e5ef rgb(224,229,239)
```
#edf0f6
```
#edf0f6 rgb(237,240,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606670 is the less saturated color, while #0048d0 is the most saturated one.

#606670
```
#606670 rgb(96,102,112)
```
#586378
```
#586378 rgb(88,99,120)
```
#506180
```
#506180 rgb(80,97,128)
```
#485e88
```
#485e88 rgb(72,94,136)
```
#405c90
```
#405c90 rgb(64,92,144)
```
#385998
```
#385998 rgb(56,89,152)
```
#3057a0
```
#3057a0 rgb(48,87,160)
```
#2854a8
```
#2854a8 rgb(40,84,168)
```
#2052b0
```
#2052b0 rgb(32,82,176)
```
#184fb8
```
#184fb8 rgb(24,79,184)
```
#104dc0
```
#104dc0 rgb(16,77,192)
```
#084ac8
```
#084ac8 rgb(8,74,200)
```
#0048d0
```
#0048d0 rgb(0,72,208)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#585c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#58648d Protanopia 1% of men
#55658e Deuteranopia 1% of men
#476b73 Tritanopia 0.001% of the population

Trichromacy

#52628b Protanomaly 1% of men, 0.01% of women
#50628c Deuteranomaly 6% of men, 0.4% of women
#47667b Tritanomaly 0.01% of the population

#485e88 hex color

#485e88 Color Information

#485e88 Color Conversion

Color Schemes with #485e88

Alternatives to #485e88

#485e88 Preview

Shades and Tints of #485e88

Tones of #485e88

Color Blindness Simulator