colorhexa.com

#21454c hex color

In a RGB color space, hex #21454c is composed of 12.9% red, 27.1% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 9.2% magenta, 0% yellow and 70.2% black. It has a hue angle of 189.8 degrees, a saturation of 39.4% and a lightness of 21.4%. #21454c color hex could be obtained by blending #428a98 with #000000. Closest websafe color is: #333333.

- R 13
- G 27
- B 30
RGB color chart
- C 57
- M 9
- Y 0
- K 70
CMYK color chart

● #21454c color description : Very dark desaturated cyan.

The hexadecimal color #21454c has RGB values of R:33, G:69, B:76 and CMYK values of C:0.57, M:0.09, Y:0, K:0.7. Its decimal value is 2180428.

Hex triplet	21454c	`#21454c`
RGB Decimal	33, 69, 76	`rgb(33,69,76)`
RGB Percent	12.9, 27.1, 29.8	`rgb(12.9%,27.1%,29.8%)`
CMYK	57, 9, 0, 70
HSL	189.8°, 39.4, 21.4	`hsl(189.8,39.4%,21.4%)`
HSV (or HSB)	189.8°, 56.6, 29.8
Web Safe	333333	`#333333`

CIE-LAB	27.021, -10.659, -8.201
XYZ	4.059, 5.101, 7.608
xyY	0.242, 0.304, 5.101
CIE-LCH	27.021, 13.449, 217.574
CIE-LUV	27.021, -14.332, -8.546
Hunter-Lab	22.586, -7.442, -4.161
Binary	00100001, 01000101, 01001100

#21454c
```
#21454c rgb(33,69,76)
```
#4c2821
```
#4c2821 rgb(76,40,33)
```

Complementary Color

#214c3e
```
#214c3e rgb(33,76,62)
```
#21454c
```
#21454c rgb(33,69,76)
```
#21304c
```
#21304c rgb(33,48,76)
```

Analogous Color

#4c3e21
```
#4c3e21 rgb(76,62,33)
```
#21454c
```
#21454c rgb(33,69,76)
```
#4c2130
```
#4c2130 rgb(76,33,48)
```

Split Complementary Color

#0a1517
```
#0a1517 rgb(10,21,23)
```
#122528
```
#122528 rgb(18,37,40)
```
#19353a
```
#19353a rgb(25,53,58)
```
#21454c
```
#21454c rgb(33,69,76)
```
#29555e
```
#29555e rgb(41,85,94)
```
#306570
```
#306570 rgb(48,101,112)
```
#387581
```
#387581 rgb(56,117,129)
```

Monochromatic Color

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

#214c48
```
#214c48 rgb(33,76,72)
```
#214c4c
```
#214c4c rgb(33,76,76)
```
#21494c
```
#21494c rgb(33,73,76)
```
#21454c
```
#21454c rgb(33,69,76)
```
#21414c
```
#21414c rgb(33,65,76)
```
#213e4c
```
#213e4c rgb(33,62,76)
```
#213a4c
```
#213a4c rgb(33,58,76)
```

Similar Colors

Text with hexadecimal color #21454c

This text has a font color of #21454c.

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

#21454c background color

This paragraph has a background color of #21454c.

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

#21454c border color

This element has a border color of #21454c.

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

CSS codes

.text {color:#21454c;}

.background {background-color:#21454c;}

.border {border:1px solid #21454c;}

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

#030708
```
#030708 rgb(3,7,8)
```
#091315
```
#091315 rgb(9,19,21)
```
#0f2023
```
#0f2023 rgb(15,32,35)
```
#152c31
```
#152c31 rgb(21,44,49)
```
#1b393e
```
#1b393e rgb(27,57,62)
```
#21454c
```
#21454c rgb(33,69,76)
```
#27515a
```
#27515a rgb(39,81,90)
```
#2d5e67
```
#2d5e67 rgb(45,94,103)
```
#336a75
```
#336a75 rgb(51,106,117)
```
#397783
```
#397783 rgb(57,119,131)
```
#3f8390
```
#3f8390 rgb(63,131,144)
```
#45909e
```
#45909e rgb(69,144,158)
```
#4b9cac
```
#4b9cac rgb(75,156,172)
```

Shade Color Variation

#55a5b5
```
#55a5b5 rgb(85,165,181)
```
#62adbb
```
#62adbb rgb(98,173,187)
```
#70b4c1
```
#70b4c1 rgb(112,180,193)
```
#7ebbc7
```
#7ebbc7 rgb(126,187,199)
```
#8cc2cd
```
#8cc2cd rgb(140,194,205)
```
#99c9d3
```
#99c9d3 rgb(153,201,211)
```
#a7d1d9
```
#a7d1d9 rgb(167,209,217)
```
#b5d8df
```
#b5d8df rgb(181,216,223)
```
#c2dfe5
```
#c2dfe5 rgb(194,223,229)
```
#d0e6eb
```
#d0e6eb rgb(208,230,235)
```
#deedf0
```
#deedf0 rgb(222,237,240)
```
#ebf5f6
```
#ebf5f6 rgb(235,245,246)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#363737
```
#363737 rgb(54,55,55)
```
#323a3b
```
#323a3b rgb(50,58,59)
```
#2e3d3f
```
#2e3d3f rgb(46,61,63)
```
#293f44
```
#293f44 rgb(41,63,68)
```
#254248
```
#254248 rgb(37,66,72)
```
#21454c
```
#21454c rgb(33,69,76)
```
#1d4850
```
#1d4850 rgb(29,72,80)
```
#194b54
```
#194b54 rgb(25,75,84)
```
#144d59
```
#144d59 rgb(20,77,89)
```
#10505d
```
#10505d rgb(16,80,93)
```
#0c5361
```
#0c5361 rgb(12,83,97)
```
#085665
```
#085665 rgb(8,86,101)
```
#045969
```
#045969 rgb(4,89,105)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#363d3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#484952 Protanopia 1% of men
#494857 Deuteranopia 1% of men
#2c4e54 Tritanopia 0.001% of the population

Trichromacy

#3a474f Protanomaly 1% of men, 0.01% of women
#3a4753 Deuteranomaly 6% of men, 0.4% of women
#284b51 Tritanomaly 0.01% of the population