#458380 hex color

In a RGB color space, hex #458380 is composed of 27.1% red, 51.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 0% magenta, 2.3% yellow and 48.6% black. It has a hue angle of 177.1 degrees, a saturation of 31% and a lightness of 39.2%. #458380 color hex could be obtained by blending #8affff with #000701. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 51
- B 50
RGB color chart
- C 47
- M 0
- Y 2
- K 49
CMYK color chart

● #458380 color description : Dark moderate cyan.

The hexadecimal color #458380 has RGB values of R:69, G:131, B:128 and CMYK values of C:0.47, M:0, Y:0.02, K:0.49. Its decimal value is 4555648.

Hex triplet	458380	`#458380`
RGB Decimal	69, 131, 128	`rgb(69,131,128)`
RGB Percent	27.1, 51.4, 50.2	`rgb(27.1%,51.4%,50.2%)`
CMYK	47, 0, 2, 49
HSL	177.1°, 31, 39.2	`hsl(177.1,31%,39.2%)`
HSV (or HSB)	177.1°, 47.3, 51.4
Web Safe	339999	`#339999`

CIE-LAB	50.752, -20.769, -4.6
XYZ	14.466, 19.055, 23.337
xyY	0.254, 0.335, 19.055
CIE-LCH	50.752, 21.273, 192.488
CIE-LUV	50.752, -27.436, -3.438
Hunter-Lab	43.652, -17.24, -1.14
Binary	01000101, 10000011, 10000000

#458380
```
#458380 rgb(69,131,128)
```
#834548
```
#834548 rgb(131,69,72)
```

Complementary Color

#458361
```
#458361 rgb(69,131,97)
```
#458380
```
#458380 rgb(69,131,128)
```
#456783
```
#456783 rgb(69,103,131)
```

Analogous Color

#836145
```
#836145 rgb(131,97,69)
```
#458380
```
#458380 rgb(69,131,128)
```
#834567
```
#834567 rgb(131,69,103)
```

Split Complementary Color

#838045
```
#838045 rgb(131,128,69)
```
#458380
```
#458380 rgb(69,131,128)
```
#804583
```
#804583 rgb(128,69,131)
```

Triadic Color

#488345
```
#488345 rgb(72,131,69)
```
#458380
```
#458380 rgb(69,131,128)
```
#804583
```
#804583 rgb(128,69,131)
```
#834548
```
#834548 rgb(131,69,72)
```

Tetradic Color

#2b514f
```
#2b514f rgb(43,81,79)
```
#33625f
```
#33625f rgb(51,98,95)
```
#3c7270
```
#3c7270 rgb(60,114,112)
```
#458380
```
#458380 rgb(69,131,128)
```
#4e9490
```
#4e9490 rgb(78,148,144)
```
#57a4a1
```
#57a4a1 rgb(87,164,161)
```
#66aeab
```
#66aeab rgb(102,174,171)
```

Monochromatic Color

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

#458371
```
#458371 rgb(69,131,113)
```
#458376
```
#458376 rgb(69,131,118)
```
#45837b
```
#45837b rgb(69,131,123)
```
#458380
```
#458380 rgb(69,131,128)
```
#458183
```
#458183 rgb(69,129,131)
```
#457c83
```
#457c83 rgb(69,124,131)
```
#457783
```
#457783 rgb(69,119,131)
```

Similar Colors

Text with hexadecimal color #458380

This text has a font color of #458380.

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

#458380 background color

This paragraph has a background color of #458380.

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

#458380 border color

This element has a border color of #458380.

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

CSS codes

.text {color:#458380;}

.background {background-color:#458380;}

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

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

#010302
```
#010302 rgb(1,3,2)
```
#080f0f
```
#080f0f rgb(8,15,15)
```
#0f1c1c
```
#0f1c1c rgb(15,28,28)
```
#162928
```
#162928 rgb(22,41,40)
```
#1c3635
```
#1c3635 rgb(28,54,53)
```
#234341
```
#234341 rgb(35,67,65)
```
#2a504e
```
#2a504e rgb(42,80,78)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#376967
```
#376967 rgb(55,105,103)
```
#3e7673
```
#3e7673 rgb(62,118,115)
```
#458380
```
#458380 rgb(69,131,128)
```
#4c908d
```
#4c908d rgb(76,144,141)
```
#539d99
```
#539d99 rgb(83,157,153)
```

Shade Color Variation

#5aa8a5
```
#5aa8a5 rgb(90,168,165)
```
#67afac
```
#67afac rgb(103,175,172)
```
#74b6b3
```
#74b6b3 rgb(116,182,179)
```
#81bdba
```
#81bdba rgb(129,189,186)
```
#8ec3c1
```
#8ec3c1 rgb(142,195,193)
```
#9bcac8
```
#9bcac8 rgb(155,202,200)
```
#a8d1cf
```
#a8d1cf rgb(168,209,207)
```
#b4d8d6
```
#b4d8d6 rgb(180,216,214)
```
#c1dedd
```
#c1dedd rgb(193,222,221)
```
#cee5e4
```
#cee5e4 rgb(206,229,228)
```
#dbeceb
```
#dbeceb rgb(219,236,235)
```
#e8f3f2
```
#e8f3f2 rgb(232,243,242)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#646464
```
#646464 rgb(100,100,100)
```
#5c6c6b
```
#5c6c6b rgb(92,108,107)
```
#547472
```
#547472 rgb(84,116,114)
```
#4d7b79
```
#4d7b79 rgb(77,123,121)
```
#458380
```
#458380 rgb(69,131,128)
```
#3d8b87
```
#3d8b87 rgb(61,139,135)
```
#36928e
```
#36928e rgb(54,146,142)
```
#2e9a95
```
#2e9a95 rgb(46,154,149)
```
#26a29c
```
#26a29c rgb(38,162,156)
```
#1fa9a3
```
#1fa9a3 rgb(31,169,163)
```
#17b1aa
```
#17b1aa rgb(23,177,170)
```
#0fb9b1
```
#0fb9b1 rgb(15,185,177)
```
#07c1b8
```
#07c1b8 rgb(7,193,184)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#677473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817f81 Protanopia 1% of men
#867c8b Deuteranopia 1% of men
#528791 Tritanopia 0.001% of the population

Trichromacy

#6b8080 Protanomaly 1% of men, 0.01% of women
#6e7e87 Deuteranomaly 6% of men, 0.4% of women
#4d868b Tritanomaly 0.01% of the population

#458380 hex color

#458380 Color Information

#458380 Color Conversion

Color Schemes with #458380

Alternatives to #458380

#458380 Preview

Shades and Tints of #458380

Tones of #458380

Color Blindness Simulator