#457f80 hex color

In a RGB color space, hex #457f80 is composed of 27.1% red, 49.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 46.1% cyan, 0.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 181 degrees, a saturation of 29.9% and a lightness of 38.6%. #457f80 color hex could be obtained by blending #8afeff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 50
- B 50
RGB color chart
- C 46
- M 1
- Y 0
- K 50
CMYK color chart

● #457f80 color description : Dark moderate cyan.

The hexadecimal color #457f80 has RGB values of R:69, G:127, B:128 and CMYK values of C:0.46, M:0.01, Y:0, K:0.5. Its decimal value is 4554624.

Hex triplet	457f80	`#457f80`
RGB Decimal	69, 127, 128	`rgb(69,127,128)`
RGB Percent	27.1, 49.8, 50.2	`rgb(27.1%,49.8%,50.2%)`
CMYK	46, 1, 0, 50
HSL	181°, 29.9, 38.6	`hsl(181,29.9%,38.6%)`
HSV (or HSB)	181°, 46.1, 50.2
Web Safe	336699	`#336699`

CIE-LAB	49.498, -18.646, -6.461
XYZ	13.939, 18.002, 23.161
xyY	0.253, 0.327, 18.002
CIE-LCH	49.498, 19.734, 199.111
CIE-LUV	49.498, -25.798, -6.403
Hunter-Lab	42.428, -15.608, -2.666
Binary	01000101, 01111111, 10000000

#457f80
```
#457f80 rgb(69,127,128)
```
#804645
```
#804645 rgb(128,70,69)
```

Complementary Color

#458064
```
#458064 rgb(69,128,100)
```
#457f80
```
#457f80 rgb(69,127,128)
```
#456280
```
#456280 rgb(69,98,128)
```

Analogous Color

#806445
```
#806445 rgb(128,100,69)
```
#457f80
```
#457f80 rgb(69,127,128)
```
#804561
```
#804561 rgb(128,69,97)
```

Split Complementary Color

#7f8045
```
#7f8045 rgb(127,128,69)
```
#457f80
```
#457f80 rgb(69,127,128)
```
#80457f
```
#80457f rgb(128,69,127)
```

Triadic Color

#458046
```
#458046 rgb(69,128,70)
```
#457f80
```
#457f80 rgb(69,127,128)
```
#80457f
```
#80457f rgb(128,69,127)
```
#804645
```
#804645 rgb(128,70,69)
```

Tetradic Color

#2a4e4e
```
#2a4e4e rgb(42,78,78)
```
#335e5f
```
#335e5f rgb(51,94,95)
```
#3c6f6f
```
#3c6f6f rgb(60,111,111)
```
#457f80
```
#457f80 rgb(69,127,128)
```
#4e8f91
```
#4e8f91 rgb(78,143,145)
```
#57a0a1
```
#57a0a1 rgb(87,160,161)
```
#65abac
```
#65abac rgb(101,171,172)
```

Monochromatic Color

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

#458072
```
#458072 rgb(69,128,114)
```
#458077
```
#458077 rgb(69,128,119)
```
#45807c
```
#45807c rgb(69,128,124)
```
#457f80
```
#457f80 rgb(69,127,128)
```
#457a80
```
#457a80 rgb(69,122,128)
```
#457580
```
#457580 rgb(69,117,128)
```
#457080
```
#457080 rgb(69,112,128)
```

Similar Colors

Text with hexadecimal color #457f80

This text has a font color of #457f80.

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

#457f80 background color

This paragraph has a background color of #457f80.

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

#457f80 border color

This element has a border color of #457f80.

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

CSS codes

.text {color:#457f80;}

.background {background-color:#457f80;}

.border {border:1px solid #457f80;}

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0d
```
#070d0d rgb(7,13,13)
```
#0e1a1a
```
#0e1a1a rgb(14,26,26)
```
#152627
```
#152627 rgb(21,38,39)
```
#1c3334
```
#1c3334 rgb(28,51,52)
```
#234040
```
#234040 rgb(35,64,64)
```
#2a4c4d
```
#2a4c4d rgb(42,76,77)
```
#30595a
```
#30595a rgb(48,89,90)
```
#376667
```
#376667 rgb(55,102,103)
```
#3e7273
```
#3e7273 rgb(62,114,115)
```
#457f80
```
#457f80 rgb(69,127,128)
```
#4c8c8d
```
#4c8c8d rgb(76,140,141)
```
#539899
```
#539899 rgb(83,152,153)
```

Shade Color Variation

#5aa5a6
```
#5aa5a6 rgb(90,165,166)
```
#67acad
```
#67acad rgb(103,172,173)
```
#73b3b4
```
#73b3b4 rgb(115,179,180)
```
#80babb
```
#80babb rgb(128,186,187)
```
#8dc1c1
```
#8dc1c1 rgb(141,193,193)
```
#9ac8c8
```
#9ac8c8 rgb(154,200,200)
```
#a6cfcf
```
#a6cfcf rgb(166,207,207)
```
#b3d5d6
```
#b3d5d6 rgb(179,213,214)
```
#c0dcdd
```
#c0dcdd rgb(192,220,221)
```
#cde3e4
```
#cde3e4 rgb(205,227,228)
```
#d9eaeb
```
#d9eaeb rgb(217,234,235)
```
#e6f1f2
```
#e6f1f2 rgb(230,241,242)
```
#f3f8f8
```
#f3f8f8 rgb(243,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6969 is the less saturated color, while #01c1c4 is the most saturated one.

#5c6969
```
#5c6969 rgb(92,105,105)
```
#547071
```
#547071 rgb(84,112,113)
```
#4d7878
```
#4d7878 rgb(77,120,120)
```
#457f80
```
#457f80 rgb(69,127,128)
```
#3d8688
```
#3d8688 rgb(61,134,136)
```
#368e8f
```
#368e8f rgb(54,142,143)
```
#2e9597
```
#2e9597 rgb(46,149,151)
```
#279c9e
```
#279c9e rgb(39,156,158)
```
#1fa4a6
```
#1fa4a6 rgb(31,164,166)
```
#18abad
```
#18abad rgb(24,171,173)
```
#10b2b5
```
#10b2b5 rgb(16,178,181)
```
#08babd
```
#08babd rgb(8,186,189)
```
#01c1c4
```
#01c1c4 rgb(1,193,196)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#667172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7c81 Protanopia 1% of men
#81798a Deuteranopia 1% of men
#51848e Tritanopia 0.001% of the population

Trichromacy

#687d80 Protanomaly 1% of men, 0.01% of women
#6b7b86 Deuteranomaly 6% of men, 0.4% of women
#4c8288 Tritanomaly 0.01% of the population

#457f80 hex color

#457f80 Color Information

#457f80 Color Conversion

Color Schemes with #457f80

Alternatives to #457f80

#457f80 Preview

Shades and Tints of #457f80

Tones of #457f80

Color Blindness Simulator