colorhexa.com

#215774 hex color

In a RGB color space, hex #215774 is composed of 12.9% red, 34.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 25% magenta, 0% yellow and 54.5% black. It has a hue angle of 201 degrees, a saturation of 55.7% and a lightness of 29.2%. #215774 color hex could be obtained by blending #42aee8 with #000000. Closest websafe color is: #336666.

- R 13
- G 34
- B 45
RGB color chart
- C 72
- M 25
- Y 0
- K 55
CMYK color chart

● #215774 color description : Dark blue.

The hexadecimal color #215774 has RGB values of R:33, G:87, B:116 and CMYK values of C:0.72, M:0.25, Y:0, K:0.55. Its decimal value is 2185076.

Hex triplet	215774	`#215774`
RGB Decimal	33, 87, 116	`rgb(33,87,116)`
RGB Percent	12.9, 34.1, 45.5	`rgb(12.9%,34.1%,45.5%)`
CMYK	72, 25, 0, 55
HSL	201°, 55.7, 29.2	`hsl(201,55.7%,29.2%)`
HSV (or HSB)	201°, 71.6, 45.5
Web Safe	336666	`#336666`

CIE-LAB	34.803, -7.544, -21.695
XYZ	7.187, 8.4, 17.765
xyY	0.215, 0.252, 8.4
CIE-LCH	34.803, 22.969, 250.826
CIE-LUV	34.803, -19.763, -28.472
Hunter-Lab	28.983, -6.457, -16.053
Binary	00100001, 01010111, 01110100

#215774
```
#215774 rgb(33,87,116)
```
#743e21
```
#743e21 rgb(116,62,33)
```

Complementary Color

#217468
```
#217468 rgb(33,116,104)
```
#215774
```
#215774 rgb(33,87,116)
```
#212e74
```
#212e74 rgb(33,46,116)
```

Analogous Color

#746821
```
#746821 rgb(116,104,33)
```
#215774
```
#215774 rgb(33,87,116)
```
#74212e
```
#74212e rgb(116,33,46)
```

Split Complementary Color

#577421
```
#577421 rgb(87,116,33)
```
#215774
```
#215774 rgb(33,87,116)
```
#742157
```
#742157 rgb(116,33,87)
```

Triadic Color

#102a38
```
#102a38 rgb(16,42,56)
```
#16394c
```
#16394c rgb(22,57,76)
```
#1b4860
```
#1b4860 rgb(27,72,96)
```
#215774
```
#215774 rgb(33,87,116)
```
#276688
```
#276688 rgb(39,102,136)
```
#2c759c
```
#2c759c rgb(44,117,156)
```
#3284b0
```
#3284b0 rgb(50,132,176)
```

Monochromatic Color

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

#216c74
```
#216c74 rgb(33,108,116)
```
#216574
```
#216574 rgb(33,101,116)
```
#215e74
```
#215e74 rgb(33,94,116)
```
#215774
```
#215774 rgb(33,87,116)
```
#215074
```
#215074 rgb(33,80,116)
```
#214974
```
#214974 rgb(33,73,116)
```
#214274
```
#214274 rgb(33,66,116)
```

Similar Colors

Text with hexadecimal color #215774

This text has a font color of #215774.

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

#215774 background color

This paragraph has a background color of #215774.

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

#215774 border color

This element has a border color of #215774.

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

CSS codes

.text {color:#215774;}

.background {background-color:#215774;}

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

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

#030709
```
#030709 rgb(3,7,9)
```
#071218
```
#071218 rgb(7,18,24)
```
#0b1e28
```
#0b1e28 rgb(11,30,40)
```
#102937
```
#102937 rgb(16,41,55)
```
#143546
```
#143546 rgb(20,53,70)
```
#184055
```
#184055 rgb(24,64,85)
```
#1d4c65
```
#1d4c65 rgb(29,76,101)
```
#215774
```
#215774 rgb(33,87,116)
```
#256283
```
#256283 rgb(37,98,131)
```
#2a6e93
```
#2a6e93 rgb(42,110,147)
```
#2e79a2
```
#2e79a2 rgb(46,121,162)
```
#3285b1
```
#3285b1 rgb(50,133,177)
```
#3790c0
```
#3790c0 rgb(55,144,192)
```

Shade Color Variation

#429ac9
```
#429ac9 rgb(66,154,201)
```
#51a2cd
```
#51a2cd rgb(81,162,205)
```
#60aad2
```
#60aad2 rgb(96,170,210)
```
#6fb2d6
```
#6fb2d6 rgb(111,178,214)
```
#7fbada
```
#7fbada rgb(127,186,218)
```
#8ec3df
```
#8ec3df rgb(142,195,223)
```
#9dcbe3
```
#9dcbe3 rgb(157,203,227)
```
#acd3e8
```
#acd3e8 rgb(172,211,232)
```
#bcdbec
```
#bcdbec rgb(188,219,236)
```
#cbe3f0
```
#cbe3f0 rgb(203,227,240)
```
#daebf5
```
#daebf5 rgb(218,235,245)
```
#eaf4f9
```
#eaf4f9 rgb(234,244,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#494b4c
```
#494b4c rgb(73,75,76)
```
#434d52
```
#434d52 rgb(67,77,82)
```
#3e4e57
```
#3e4e57 rgb(62,78,87)
```
#38505d
```
#38505d rgb(56,80,93)
```
#325263
```
#325263 rgb(50,82,99)
```
#2c5469
```
#2c5469 rgb(44,84,105)
```
#27556e
```
#27556e rgb(39,85,110)
```
#215774
```
#215774 rgb(33,87,116)
```
#1b597a
```
#1b597a rgb(27,89,122)
```
#165a7f
```
#165a7f rgb(22,90,127)
```
#105c85
```
#105c85 rgb(16,92,133)
```
#0a5e8b
```
#0a5e8b rgb(10,94,139)
```
#046091
```
#046091 rgb(4,96,145)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#424d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515977 Protanopia 1% of men
#4c5a7d Deuteranopia 1% of men
#1e636a Tritanopia 0.001% of the population

Trichromacy

#405876 Protanomaly 1% of men, 0.01% of women
#3c587a Deuteranomaly 6% of men, 0.4% of women
#1f5e6d Tritanomaly 0.01% of the population