#457b82 hex color

In a RGB color space, hex #457b82 is composed of 27.1% red, 48.2% green and 51% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 5.4% magenta, 0% yellow and 49% black. It has a hue angle of 186.9 degrees, a saturation of 30.7% and a lightness of 39%. #457b82 color hex could be obtained by blending #8af6ff with #000005. Closest websafe color is: #336699.

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

● #457b82 color description : Dark moderate cyan.

The hexadecimal color #457b82 has RGB values of R:69, G:123, B:130 and CMYK values of C:0.47, M:0.05, Y:0, K:0.49. Its decimal value is 4553602.

Hex triplet	457b82	`#457b82`
RGB Decimal	69, 123, 130	`rgb(69,123,130)`
RGB Percent	27.1, 48.2, 51	`rgb(27.1%,48.2%,51%)`
CMYK	47, 5, 0, 49
HSL	186.9°, 30.7, 39	`hsl(186.9,30.7%,39%)`
HSV (or HSB)	186.9°, 46.9, 51
Web Safe	336699	`#336699`

CIE-LAB	48.313, -15.914, -9.41
XYZ	13.565, 17.042, 23.692
xyY	0.25, 0.314, 17.042
CIE-LCH	48.313, 18.488, 210.597
CIE-LUV	48.313, -24.102, -11.045
Hunter-Lab	41.282, -13.588, -5.13
Binary	01000101, 01111011, 10000010

#457b82
```
#457b82 rgb(69,123,130)
```
#824c45
```
#824c45 rgb(130,76,69)
```

Complementary Color

#45826b
```
#45826b rgb(69,130,107)
```
#457b82
```
#457b82 rgb(69,123,130)
```
#455d82
```
#455d82 rgb(69,93,130)
```

Analogous Color

#826b45
```
#826b45 rgb(130,107,69)
```
#457b82
```
#457b82 rgb(69,123,130)
```
#82455d
```
#82455d rgb(130,69,93)
```

Split Complementary Color

#7b8245
```
#7b8245 rgb(123,130,69)
```
#457b82
```
#457b82 rgb(69,123,130)
```
#82457b
```
#82457b rgb(130,69,123)
```

Triadic Color

#45824c
```
#45824c rgb(69,130,76)
```
#457b82
```
#457b82 rgb(69,123,130)
```
#82457b
```
#82457b rgb(130,69,123)
```
#824c45
```
#824c45 rgb(130,76,69)
```

Tetradic Color

#2a4c50
```
#2a4c50 rgb(42,76,80)
```
#335b61
```
#335b61 rgb(51,91,97)
```
#3c6b71
```
#3c6b71 rgb(60,107,113)
```
#457b82
```
#457b82 rgb(69,123,130)
```
#4e8b93
```
#4e8b93 rgb(78,139,147)
```
#579ba3
```
#579ba3 rgb(87,155,163)
```
#66a5ae
```
#66a5ae rgb(102,165,174)
```

Monochromatic Color

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

#45827a
```
#45827a rgb(69,130,122)
```
#45827f
```
#45827f rgb(69,130,127)
```
#458082
```
#458082 rgb(69,128,130)
```
#457b82
```
#457b82 rgb(69,123,130)
```
#457682
```
#457682 rgb(69,118,130)
```
#457182
```
#457182 rgb(69,113,130)
```
#456c82
```
#456c82 rgb(69,108,130)
```

Similar Colors

Text with hexadecimal color #457b82

This text has a font color of #457b82.

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

#457b82 background color

This paragraph has a background color of #457b82.

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

#457b82 border color

This element has a border color of #457b82.

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

CSS codes

.text {color:#457b82;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080e0f
```
#080e0f rgb(8,14,15)
```
#0f1a1b
```
#0f1a1b rgb(15,26,27)
```
#152628
```
#152628 rgb(21,38,40)
```
#1c3235
```
#1c3235 rgb(28,50,53)
```
#233e42
```
#233e42 rgb(35,62,66)
```
#2a4b4f
```
#2a4b4f rgb(42,75,79)
```
#31575c
```
#31575c rgb(49,87,92)
```
#376368
```
#376368 rgb(55,99,104)
```
#3e6f75
```
#3e6f75 rgb(62,111,117)
```
#457b82
```
#457b82 rgb(69,123,130)
```
#4c878f
```
#4c878f rgb(76,135,143)
```
#53939c
```
#53939c rgb(83,147,156)
```

Shade Color Variation

#5a9fa8
```
#5a9fa8 rgb(90,159,168)
```
#67a6ae
```
#67a6ae rgb(103,166,174)
```
#74aeb5
```
#74aeb5 rgb(116,174,181)
```
#81b5bc
```
#81b5bc rgb(129,181,188)
```
#8ebdc3
```
#8ebdc3 rgb(142,189,195)
```
#9ac4ca
```
#9ac4ca rgb(154,196,202)
```
#a7ccd0
```
#a7ccd0 rgb(167,204,208)
```
#b4d3d7
```
#b4d3d7 rgb(180,211,215)
```
#c1dbde
```
#c1dbde rgb(193,219,222)
```
#cee2e5
```
#cee2e5 rgb(206,226,229)
```
#daeaec
```
#daeaec rgb(218,234,236)
```
#e7f1f2
```
#e7f1f2 rgb(231,241,242)
```
#f4f9f9
```
#f4f9f9 rgb(244,249,249)
```

Tint Color Variation

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

#5c696b
```
#5c696b rgb(92,105,107)
```
#546f73
```
#546f73 rgb(84,111,115)
```
#4d757a
```
#4d757a rgb(77,117,122)
```
#457b82
```
#457b82 rgb(69,123,130)
```
#3d818a
```
#3d818a rgb(61,129,138)
```
#368791
```
#368791 rgb(54,135,145)
```
#2e8d99
```
#2e8d99 rgb(46,141,153)
```
#2693a1
```
#2693a1 rgb(38,147,161)
```
#1f98a8
```
#1f98a8 rgb(31,152,168)
```
#179eb0
```
#179eb0 rgb(23,158,176)
```
#0fa4b8
```
#0fa4b8 rgb(15,164,184)
```
#08aabf
```
#08aabf rgb(8,170,191)
```
#00b0c7
```
#00b0c7 rgb(0,176,199)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#646f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797983 Protanopia 1% of men
#7c778c Deuteranopia 1% of men
#4f818a Tritanopia 0.001% of the population

Trichromacy

#667982 Protanomaly 1% of men, 0.01% of women
#687888 Deuteranomaly 6% of men, 0.4% of women
#4b7f87 Tritanomaly 0.01% of the population

#457b82 hex color

#457b82 Color Information

#457b82 Color Conversion

Color Schemes with #457b82

Alternatives to #457b82

#457b82 Preview

Shades and Tints of #457b82

Tones of #457b82

Color Blindness Simulator