#33454a hex color

In a RGB color space, hex #33454a is composed of 20% red, 27.1% green and 29% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 6.8% magenta, 0% yellow and 71% black. It has a hue angle of 193 degrees, a saturation of 18.4% and a lightness of 24.5%. #33454a color hex could be obtained by blending #668a94 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 27
- B 29
RGB color chart
- C 31
- M 7
- Y 0
- K 71
CMYK color chart

● #33454a color description : Very dark grayish cyan.

The hexadecimal color #33454a has RGB values of R:51, G:69, B:74 and CMYK values of C:0.31, M:0.07, Y:0, K:0.71. Its decimal value is 3360074.

Hex triplet	33454a	`#33454a`
RGB Decimal	51, 69, 74	`rgb(51,69,74)`
RGB Percent	20, 27.1, 29	`rgb(20%,27.1%,29%)`
CMYK	31, 7, 0, 71
HSL	193°, 18.4, 24.5	`hsl(193,18.4%,24.5%)`
HSV (or HSB)	193°, 31.1, 29
Web Safe	333333	`#333333`

CIE-LAB	27.992, -5.719, -5.334
XYZ	4.729, 5.454, 7.282
xyY	0.271, 0.312, 5.454
CIE-LCH	27.992, 7.82, 223.004
CIE-LUV	27.992, -8.485, -5.619
Hunter-Lab	23.354, -4.725, -2.138
Binary	00110011, 01000101, 01001010

#33454a
```
#33454a rgb(51,69,74)
```
#4a3833
```
#4a3833 rgb(74,56,51)
```

Complementary Color

#334a44
```
#334a44 rgb(51,74,68)
```
#33454a
```
#33454a rgb(51,69,74)
```
#333a4a
```
#333a4a rgb(51,58,74)
```

Analogous Color

#4a4433
```
#4a4433 rgb(74,68,51)
```
#33454a
```
#33454a rgb(51,69,74)
```
#4a333a
```
#4a333a rgb(74,51,58)
```

Split Complementary Color

#454a33
```
#454a33 rgb(69,74,51)
```
#33454a
```
#33454a rgb(51,69,74)
```
#4a3345
```
#4a3345 rgb(74,51,69)
```

Triadic Color

#334a38
```
#334a38 rgb(51,74,56)
```
#33454a
```
#33454a rgb(51,69,74)
```
#4a3345
```
#4a3345 rgb(74,51,69)
```
#4a3833
```
#4a3833 rgb(74,56,51)
```

Tetradic Color

#141b1d
```
#141b1d rgb(20,27,29)
```
#1e292c
```
#1e292c rgb(30,41,44)
```
#29373b
```
#29373b rgb(41,55,59)
```
#33454a
```
#33454a rgb(51,69,74)
```
#3d5359
```
#3d5359 rgb(61,83,89)
```
#486168
```
#486168 rgb(72,97,104)
```
#526f77
```
#526f77 rgb(82,111,119)
```

Monochromatic Color

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

#334a49
```
#334a49 rgb(51,74,73)
```
#33494a
```
#33494a rgb(51,73,74)
```
#33474a
```
#33474a rgb(51,71,74)
```
#33454a
```
#33454a rgb(51,69,74)
```
#33434a
```
#33434a rgb(51,67,74)
```
#33414a
```
#33414a rgb(51,65,74)
```
#333f4a
```
#333f4a rgb(51,63,74)
```

Similar Colors

Text with hexadecimal color #33454a

This text has a font color of #33454a.

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

#33454a background color

This paragraph has a background color of #33454a.

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

#33454a border color

This element has a border color of #33454a.

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

CSS codes

.text {color:#33454a;}

.background {background-color:#33454a;}

.border {border:1px solid #33454a;}

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0f10
```
#0b0f10 rgb(11,15,16)
```
#131a1c
```
#131a1c rgb(19,26,28)
```
#1b2527
```
#1b2527 rgb(27,37,39)
```
#232f33
```
#232f33 rgb(35,47,51)
```
#2b3a3e
```
#2b3a3e rgb(43,58,62)
```
#33454a
```
#33454a rgb(51,69,74)
```
#3b5056
```
#3b5056 rgb(59,80,86)
```
#435b61
```
#435b61 rgb(67,91,97)
```
#4b656d
```
#4b656d rgb(75,101,109)
```
#537078
```
#537078 rgb(83,112,120)
```
#5b7b84
```
#5b7b84 rgb(91,123,132)
```
#638690
```
#638690 rgb(99,134,144)
```

Shade Color Variation

#6c909a
```
#6c909a rgb(108,144,154)
```
#7899a2
```
#7899a2 rgb(120,153,162)
```
#84a2aa
```
#84a2aa rgb(132,162,170)
```
#8faab2
```
#8faab2 rgb(143,170,178)
```
#9bb3ba
```
#9bb3ba rgb(155,179,186)
```
#a6bcc2
```
#a6bcc2 rgb(166,188,194)
```
#b2c5ca
```
#b2c5ca rgb(178,197,202)
```
#beced2
```
#beced2 rgb(190,206,210)
```
#c9d6da
```
#c9d6da rgb(201,214,218)
```
#d5dfe2
```
#d5dfe2 rgb(213,223,226)
```
#e0e8ea
```
#e0e8ea rgb(224,232,234)
```
#ecf1f2
```
#ecf1f2 rgb(236,241,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d4040 is the less saturated color, while #03607a is the most saturated one.

#3d4040
```
#3d4040 rgb(61,64,64)
```
#384245
```
#384245 rgb(56,66,69)
```
#33454a
```
#33454a rgb(51,69,74)
```
#2e484f
```
#2e484f rgb(46,72,79)
```
#294a54
```
#294a54 rgb(41,74,84)
```
#254d58
```
#254d58 rgb(37,77,88)
```
#20505d
```
#20505d rgb(32,80,93)
```
#1b5362
```
#1b5362 rgb(27,83,98)
```
#165567
```
#165567 rgb(22,85,103)
```
#11586c
```
#11586c rgb(17,88,108)
```
#0d5b70
```
#0d5b70 rgb(13,91,112)
```
#085d75
```
#085d75 rgb(8,93,117)
```
#03607a
```
#03607a rgb(3,96,122)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d4142 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4b51 Protanopia 1% of men
#4e4a55 Deuteranopia 1% of men
#3d4e54 Tritanopia 0.001% of the population

Trichromacy

#42494e Protanomaly 1% of men, 0.01% of women
#444851 Deuteranomaly 6% of men, 0.4% of women
#394b50 Tritanomaly 0.01% of the population

#33454a hex color

#33454a Color Information

#33454a Color Conversion

Color Schemes with #33454a

Alternatives to #33454a

#33454a Preview

Shades and Tints of #33454a

Tones of #33454a

Color Blindness Simulator