#455a69 hex color

In a RGB color space, hex #455a69 is composed of 27.1% red, 35.3% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 14.3% magenta, 0% yellow and 58.8% black. It has a hue angle of 205 degrees, a saturation of 20.7% and a lightness of 34.1%. #455a69 color hex could be obtained by blending #8ab4d2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 27
- G 35
- B 41
RGB color chart
- C 34
- M 14
- Y 0
- K 59
CMYK color chart

● #455a69 color description : Very dark grayish blue.

The hexadecimal color #455a69 has RGB values of R:69, G:90, B:105 and CMYK values of C:0.34, M:0.14, Y:0, K:0.59. Its decimal value is 4545129.

Hex triplet	455a69	`#455a69`
RGB Decimal	69, 90, 105	`rgb(69,90,105)`
RGB Percent	27.1, 35.3, 41.2	`rgb(27.1%,35.3%,41.2%)`
CMYK	34, 14, 0, 59
HSL	205°, 20.7, 34.1	`hsl(205,20.7%,34.1%)`
HSV (or HSB)	205°, 34.3, 41.2
Web Safe	336666	`#336666`

CIE-LAB	37.11, -3.933, -11.172
XYZ	8.66, 9.597, 14.76
xyY	0.262, 0.291, 9.597
CIE-LCH	37.11, 11.844, 250.603
CIE-LUV	37.11, -10.574, -14.308
Hunter-Lab	30.979, -4.318, -6.563
Binary	01000101, 01011010, 01101001

#455a69
```
#455a69 rgb(69,90,105)
```
#695445
```
#695445 rgb(105,84,69)
```

Complementary Color

#456966
```
#456966 rgb(69,105,102)
```
#455a69
```
#455a69 rgb(69,90,105)
```
#454869
```
#454869 rgb(69,72,105)
```

Analogous Color

#696645
```
#696645 rgb(105,102,69)
```
#455a69
```
#455a69 rgb(69,90,105)
```
#694548
```
#694548 rgb(105,69,72)
```

Split Complementary Color

#5a6945
```
#5a6945 rgb(90,105,69)
```
#455a69
```
#455a69 rgb(69,90,105)
```
#69455a
```
#69455a rgb(105,69,90)
```

Triadic Color

#456954
```
#456954 rgb(69,105,84)
```
#455a69
```
#455a69 rgb(69,90,105)
```
#69455a
```
#69455a rgb(105,69,90)
```
#695445
```
#695445 rgb(105,84,69)
```

Tetradic Color

#27323b
```
#27323b rgb(39,50,59)
```
#31404a
```
#31404a rgb(49,64,74)
```
#3b4d5a
```
#3b4d5a rgb(59,77,90)
```
#455a69
```
#455a69 rgb(69,90,105)
```
#4f6778
```
#4f6778 rgb(79,103,120)
```
#597488
```
#597488 rgb(89,116,136)
```
#638297
```
#638297 rgb(99,130,151)
```

Monochromatic Color

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

#456369
```
#456369 rgb(69,99,105)
```
#456069
```
#456069 rgb(69,96,105)
```
#455d69
```
#455d69 rgb(69,93,105)
```
#455a69
```
#455a69 rgb(69,90,105)
```
#455769
```
#455769 rgb(69,87,105)
```
#455469
```
#455469 rgb(69,84,105)
```
#455169
```
#455169 rgb(69,81,105)
```

Similar Colors

Text with hexadecimal color #455a69

This text has a font color of #455a69.

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

#455a69 background color

This paragraph has a background color of #455a69.

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

#455a69 border color

This element has a border color of #455a69.

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

CSS codes

.text {color:#455a69;}

.background {background-color:#455a69;}

.border {border:1px solid #455a69;}

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, #07090a is the darkest color, while #fdfefe is the lightest one.

#07090a
```
#07090a rgb(7,9,10)
```
#0f1316
```
#0f1316 rgb(15,19,22)
```
#161d22
```
#161d22 rgb(22,29,34)
```
#1e272e
```
#1e272e rgb(30,39,46)
```
#26313a
```
#26313a rgb(38,49,58)
```
#2e3c45
```
#2e3c45 rgb(46,60,69)
```
#354651
```
#354651 rgb(53,70,81)
```
#3d505d
```
#3d505d rgb(61,80,93)
```
#455a69
```
#455a69 rgb(69,90,105)
```
#4d6475
```
#4d6475 rgb(77,100,117)
```
#556e81
```
#556e81 rgb(85,110,129)
```
#5c788d
```
#5c788d rgb(92,120,141)
```
#648398
```
#648398 rgb(100,131,152)
```

Shade Color Variation

#6f8ca1
```
#6f8ca1 rgb(111,140,161)
```
#7b96a8
```
#7b96a8 rgb(123,150,168)
```
#879fb0
```
#879fb0 rgb(135,159,176)
```
#93a9b8
```
#93a9b8 rgb(147,169,184)
```
#9fb2c0
```
#9fb2c0 rgb(159,178,192)
```
#abbbc8
```
#abbbc8 rgb(171,187,200)
```
#b6c5cf
```
#b6c5cf rgb(182,197,207)
```
#c2ced7
```
#c2ced7 rgb(194,206,215)
```
#ced8df
```
#ced8df rgb(206,216,223)
```
#dae1e7
```
#dae1e7 rgb(218,225,231)
```
#e6ebee
```
#e6ebee rgb(230,235,238)
```
#f2f4f6
```
#f2f4f6 rgb(242,244,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52585c is the less saturated color, while #0265ac is the most saturated one.

#52585c
```
#52585c rgb(82,88,92)
```
#4c5962
```
#4c5962 rgb(76,89,98)
```
#455a69
```
#455a69 rgb(69,90,105)
```
#3e5b70
```
#3e5b70 rgb(62,91,112)
```
#385c76
```
#385c76 rgb(56,92,118)
```
#315d7d
```
#315d7d rgb(49,93,125)
```
#2a5e84
```
#2a5e84 rgb(42,94,132)
```
#24608a
```
#24608a rgb(36,96,138)
```
#1d6191
```
#1d6191 rgb(29,97,145)
```
#166298
```
#166298 rgb(22,98,152)
```
#0f639f
```
#0f639f rgb(15,99,159)
```
#0964a5
```
#0964a5 rgb(9,100,165)
```
#0265ac
```
#0265ac rgb(2,101,172)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#525659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5f6e Protanopia 1% of men
#5f5e72 Deuteranopia 1% of men
#4d636a Tritanopia 0.001% of the population

Trichromacy

#545d6c Protanomaly 1% of men, 0.01% of women
#555c6e Deuteranomaly 6% of men, 0.4% of women
#4a606a Tritanomaly 0.01% of the population

#455a69 hex color

#455a69 Color Information

#455a69 Color Conversion

Color Schemes with #455a69

Alternatives to #455a69

#455a69 Preview

Shades and Tints of #455a69

Tones of #455a69

Color Blindness Simulator