colorhexa.com

#458699 hex color

In a RGB color space, hex #458699 is composed of 27.1% red, 52.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 12.4% magenta, 0% yellow and 40% black. It has a hue angle of 193.6 degrees, a saturation of 37.8% and a lightness of 43.5%. #458699 color hex could be obtained by blending #8affff with #000d33. Closest websafe color is: #339999.

- R 27
- G 53
- B 60
RGB color chart
- C 55
- M 12
- Y 0
- K 40
CMYK color chart

● #458699 color description : Dark moderate cyan.

The hexadecimal color #458699 has RGB values of R:69, G:134, B:153 and CMYK values of C:0.55, M:0.12, Y:0, K:0.4. Its decimal value is 4556441.

Hex triplet	458699	`#458699`
RGB Decimal	69, 134, 153	`rgb(69,134,153)`
RGB Percent	27.1, 52.5, 60	`rgb(27.1%,52.5%,60%)`
CMYK	55, 12, 0, 40
HSL	193.6°, 37.8, 43.5	`hsl(193.6,37.8%,43.5%)`
HSV (or HSB)	193.6°, 54.9, 60
Web Safe	339999	`#339999`

CIE-LAB	52.525, -15.165, -16.512
XYZ	16.728, 20.614, 33.233
xyY	0.237, 0.292, 20.614
CIE-LCH	52.525, 22.419, 227.436
CIE-LUV	52.525, -27.75, -22.161
Hunter-Lab	45.403, -13.691, -11.615
Binary	01000101, 10000110, 10011001

#458699
```
#458699 rgb(69,134,153)
```
#995845
```
#995845 rgb(153,88,69)
```

Complementary Color

#459982
```
#459982 rgb(69,153,130)
```
#458699
```
#458699 rgb(69,134,153)
```
#455c99
```
#455c99 rgb(69,92,153)
```

Analogous Color

#998245
```
#998245 rgb(153,130,69)
```
#458699
```
#458699 rgb(69,134,153)
```
#99455c
```
#99455c rgb(153,69,92)
```

Split Complementary Color

#869945
```
#869945 rgb(134,153,69)
```
#458699
```
#458699 rgb(69,134,153)
```
#994586
```
#994586 rgb(153,69,134)
```

Triadic Color

#459958
```
#459958 rgb(69,153,88)
```
#458699
```
#458699 rgb(69,134,153)
```
#994586
```
#994586 rgb(153,69,134)
```
#995845
```
#995845 rgb(153,88,69)
```

Tetradic Color

#2d5864
```
#2d5864 rgb(45,88,100)
```
#356776
```
#356776 rgb(53,103,118)
```
#3d7787
```
#3d7787 rgb(61,119,135)
```
#458699
```
#458699 rgb(69,134,153)
```
#4d95ab
```
#4d95ab rgb(77,149,171)
```
#5ca1b5
```
#5ca1b5 rgb(92,161,181)
```
#6dabbd
```
#6dabbd rgb(109,171,189)
```

Monochromatic Color

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

#459997
```
#459997 rgb(69,153,151)
```
#459499
```
#459499 rgb(69,148,153)
```
#458d99
```
#458d99 rgb(69,141,153)
```
#458699
```
#458699 rgb(69,134,153)
```
#457f99
```
#457f99 rgb(69,127,153)
```
#457899
```
#457899 rgb(69,120,153)
```
#457199
```
#457199 rgb(69,113,153)
```

Similar Colors

Text with hexadecimal color #458699

This text has a font color of #458699.

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

#458699 background color

This paragraph has a background color of #458699.

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

#458699 border color

This element has a border color of #458699.

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

CSS codes

.text {color:#458699;}

.background {background-color:#458699;}

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

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

#020404
```
#020404 rgb(2,4,4)
```
#081012
```
#081012 rgb(8,16,18)
```
#0e1b1f
```
#0e1b1f rgb(14,27,31)
```
#14272d
```
#14272d rgb(20,39,45)
```
#1a333a
```
#1a333a rgb(26,51,58)
```
#203f48
```
#203f48 rgb(32,63,72)
```
#274b55
```
#274b55 rgb(39,75,85)
```
#2d5763
```
#2d5763 rgb(45,87,99)
```
#336270
```
#336270 rgb(51,98,112)
```
#396e7e
```
#396e7e rgb(57,110,126)
```
#3f7a8b
```
#3f7a8b rgb(63,122,139)
```
#458699
```
#458699 rgb(69,134,153)
```
#4b92a7
```
#4b92a7 rgb(75,146,167)
```

Shade Color Variation

#549cb2
```
#549cb2 rgb(84,156,178)
```
#61a4b8
```
#61a4b8 rgb(97,164,184)
```
#6facbe
```
#6facbe rgb(111,172,190)
```
#7cb4c4
```
#7cb4c4 rgb(124,180,196)
```
#8abbca
```
#8abbca rgb(138,187,202)
```
#97c3d0
```
#97c3d0 rgb(151,195,208)
```
#a5cbd6
```
#a5cbd6 rgb(165,203,214)
```
#b2d3dc
```
#b2d3dc rgb(178,211,220)
```
#c0dbe2
```
#c0dbe2 rgb(192,219,226)
```
#cde2e9
```
#cde2e9 rgb(205,226,233)
```
#dbeaef
```
#dbeaef rgb(219,234,239)
```
#e8f2f5
```
#e8f2f5 rgb(232,242,245)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#677377
```
#677377 rgb(103,115,119)
```
#5f787f
```
#5f787f rgb(95,120,127)
```
#567d88
```
#567d88 rgb(86,125,136)
```
#4e8190
```
#4e8190 rgb(78,129,144)
```
#458699
```
#458699 rgb(69,134,153)
```
#3c8ba2
```
#3c8ba2 rgb(60,139,162)
```
#348faa
```
#348faa rgb(52,143,170)
```
#2b94b3
```
#2b94b3 rgb(43,148,179)
```
#2399bb
```
#2399bb rgb(35,153,187)
```
#1a9dc4
```
#1a9dc4 rgb(26,157,196)
```
#12a2cc
```
#12a2cc rgb(18,162,204)
```
#09a7d5
```
#09a7d5 rgb(9,167,213)
```
#01abdd
```
#01abdd rgb(1,171,221)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6b787c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8398 Protanopia 1% of men
#7f81a2 Deuteranopia 1% of men
#4b8d97 Tritanopia 0.001% of the population

Trichromacy

#6a8498 Protanomaly 1% of men, 0.01% of women
#6a839e Deuteranomaly 6% of men, 0.4% of women
#498a98 Tritanomaly 0.01% of the population