#454a6b hex color

In a RGB color space, hex #454a6b is composed of 27.1% red, 29% green and 42% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 30.8% magenta, 0% yellow and 58% black. It has a hue angle of 232.1 degrees, a saturation of 21.6% and a lightness of 34.5%. #454a6b color hex could be obtained by blending #8a94d6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 29
- B 42
RGB color chart
- C 36
- M 31
- Y 0
- K 58
CMYK color chart

● #454a6b color description : Very dark desaturated blue.

The hexadecimal color #454a6b has RGB values of R:69, G:74, B:107 and CMYK values of C:0.36, M:0.31, Y:0, K:0.58. Its decimal value is 4541035.

Hex triplet	454a6b	`#454a6b`
RGB Decimal	69, 74, 107	`rgb(69,74,107)`
RGB Percent	27.1, 29, 42	`rgb(27.1%,29%,42%)`
CMYK	36, 31, 0, 58
HSL	232.1°, 21.6, 34.5	`hsl(232.1,21.6%,34.5%)`
HSV (or HSB)	232.1°, 35.5, 42
Web Safe	333366	`#333366`

CIE-LAB	32.312, 6.754, -19.78
XYZ	7.556, 7.224, 14.905
xyY	0.255, 0.243, 7.224
CIE-LCH	32.312, 20.901, 288.853
CIE-LUV	32.312, -4.065, -26.709
Hunter-Lab	26.878, 3.147, -14.066
Binary	01000101, 01001010, 01101011

#454a6b
```
#454a6b rgb(69,74,107)
```
#6b6645
```
#6b6645 rgb(107,102,69)
```

Complementary Color

#455d6b
```
#455d6b rgb(69,93,107)
```
#454a6b
```
#454a6b rgb(69,74,107)
```
#53456b
```
#53456b rgb(83,69,107)
```

Analogous Color

#5d6b45
```
#5d6b45 rgb(93,107,69)
```
#454a6b
```
#454a6b rgb(69,74,107)
```
#6b5345
```
#6b5345 rgb(107,83,69)
```

Split Complementary Color

#4a6b45
```
#4a6b45 rgb(74,107,69)
```
#454a6b
```
#454a6b rgb(69,74,107)
```
#6b454a
```
#6b454a rgb(107,69,74)
```

Triadic Color

#456b66
```
#456b66 rgb(69,107,102)
```
#454a6b
```
#454a6b rgb(69,74,107)
```
#6b454a
```
#6b454a rgb(107,69,74)
```
#6b6645
```
#6b6645 rgb(107,102,69)
```

Tetradic Color

#272a3c
```
#272a3c rgb(39,42,60)
```
#31354c
```
#31354c rgb(49,53,76)
```
#3b3f5b
```
#3b3f5b rgb(59,63,91)
```
#454a6b
```
#454a6b rgb(69,74,107)
```
#4f557b
```
#4f557b rgb(79,85,123)
```
#595f8a
```
#595f8a rgb(89,95,138)
```
#636a9a
```
#636a9a rgb(99,106,154)
```

Monochromatic Color

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

#45546b
```
#45546b rgb(69,84,107)
```
#45506b
```
#45506b rgb(69,80,107)
```
#454d6b
```
#454d6b rgb(69,77,107)
```
#454a6b
```
#454a6b rgb(69,74,107)
```
#45476b
```
#45476b rgb(69,71,107)
```
#46456b
```
#46456b rgb(70,69,107)
```
#49456b
```
#49456b rgb(73,69,107)
```

Similar Colors

Text with hexadecimal color #454a6b

This text has a font color of #454a6b.

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

#454a6b background color

This paragraph has a background color of #454a6b.

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

#454a6b border color

This element has a border color of #454a6b.

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

CSS codes

.text {color:#454a6b;}

.background {background-color:#454a6b;}

.border {border:1px solid #454a6b;}

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, #07080c is the darkest color, while #ffffff is the lightest one.

#07080c
```
#07080c rgb(7,8,12)
```
#0f1018
```
#0f1018 rgb(15,16,24)
```
#171923
```
#171923 rgb(23,25,35)
```
#1f212f
```
#1f212f rgb(31,33,47)
```
#26293b
```
#26293b rgb(38,41,59)
```
#2e3147
```
#2e3147 rgb(46,49,71)
```
#363a53
```
#363a53 rgb(54,58,83)
```
#3d425f
```
#3d425f rgb(61,66,95)
```
#454a6b
```
#454a6b rgb(69,74,107)
```
#4d5277
```
#4d5277 rgb(77,82,119)
```
#545a83
```
#545a83 rgb(84,90,131)
```
#5c638f
```
#5c638f rgb(92,99,143)
```
#646b9b
```
#646b9b rgb(100,107,155)
```

Shade Color Variation

#7076a3
```
#7076a3 rgb(112,118,163)
```
#7b82aa
```
#7b82aa rgb(123,130,170)
```
#878db2
```
#878db2 rgb(135,141,178)
```
#9398ba
```
#9398ba rgb(147,152,186)
```
#9fa4c1
```
#9fa4c1 rgb(159,164,193)
```
#abafc9
```
#abafc9 rgb(171,175,201)
```
#b7bad1
```
#b7bad1 rgb(183,186,209)
```
#c3c6d8
```
#c3c6d8 rgb(195,198,216)
```
#cfd1e0
```
#cfd1e0 rgb(207,209,224)
```
#dbdde8
```
#dbdde8 rgb(219,221,232)
```
#e7e8ef
```
#e7e8ef rgb(231,232,239)
```
#f3f3f7
```
#f3f3f7 rgb(243,243,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53545d is the less saturated color, while #0118af is the most saturated one.

#53545d
```
#53545d rgb(83,84,93)
```
#4c4f64
```
#4c4f64 rgb(76,79,100)
```
#454a6b
```
#454a6b rgb(69,74,107)
```
#3e4572
```
#3e4572 rgb(62,69,114)
```
#374079
```
#374079 rgb(55,64,121)
```
#313b7f
```
#313b7f rgb(49,59,127)
```
#2a3686
```
#2a3686 rgb(42,54,134)
```
#23318d
```
#23318d rgb(35,49,141)
```
#1c2c94
```
#1c2c94 rgb(28,44,148)
```
#16279a
```
#16279a rgb(22,39,154)
```
#0f22a1
```
#0f22a1 rgb(15,34,161)
```
#081da8
```
#081da8 rgb(8,29,168)
```
#0118af
```
#0118af rgb(1,24,175)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4b4c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5473 Protanopia 1% of men
#4b5472 Deuteranopia 1% of men
#48575d Tritanopia 0.001% of the population

Trichromacy

#485070 Protanomaly 1% of men, 0.01% of women
#49506f Deuteranomaly 6% of men, 0.4% of women
#475262 Tritanomaly 0.01% of the population

#454a6b hex color

#454a6b Color Information

#454a6b Color Conversion

Color Schemes with #454a6b

Alternatives to #454a6b

#454a6b Preview

Shades and Tints of #454a6b

Tones of #454a6b

Color Blindness Simulator