#215a6f hex color

In a RGB color space, hex #215a6f is composed of 12.9% red, 35.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 18.9% magenta, 0% yellow and 56.5% black. It has a hue angle of 196.2 degrees, a saturation of 54.2% and a lightness of 28.2%. #215a6f color hex could be obtained by blending #42b4de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 35
- B 44
RGB color chart
- C 70
- M 19
- Y 0
- K 56
CMYK color chart

● #215a6f color description : Very dark blue.

The hexadecimal color #215a6f has RGB values of R:33, G:90, B:111 and CMYK values of C:0.7, M:0.19, Y:0, K:0.56. Its decimal value is 2185839.

Hex triplet	215a6f	`#215a6f`
RGB Decimal	33, 90, 111	`rgb(33,90,111)`
RGB Percent	12.9, 35.3, 43.5	`rgb(12.9%,35.3%,43.5%)`
CMYK	70, 19, 0, 56
HSL	196.2°, 54.2, 28.2	`hsl(196.2,54.2%,28.2%)`
HSV (or HSB)	196.2°, 70.3, 43.5
Web Safe	336666	`#336666`

CIE-LAB	35.563, -11.165, -17.417
XYZ	7.152, 8.783, 16.356
xyY	0.221, 0.272, 8.783
CIE-LCH	35.563, 20.688, 237.338
CIE-LUV	35.563, -21.101, -22.099
Hunter-Lab	29.636, -8.786, -11.978
Binary	00100001, 01011010, 01101111

#215a6f
```
#215a6f rgb(33,90,111)
```
#6f3621
```
#6f3621 rgb(111,54,33)
```

Complementary Color

#216f5d
```
#216f5d rgb(33,111,93)
```
#215a6f
```
#215a6f rgb(33,90,111)
```
#21336f
```
#21336f rgb(33,51,111)
```

Analogous Color

#6f5d21
```
#6f5d21 rgb(111,93,33)
```
#215a6f
```
#215a6f rgb(33,90,111)
```
#6f2133
```
#6f2133 rgb(111,33,51)
```

Split Complementary Color

#5a6f21
```
#5a6f21 rgb(90,111,33)
```
#215a6f
```
#215a6f rgb(33,90,111)
```
#6f215a
```
#6f215a rgb(111,33,90)
```

Triadic Color

#216f36
```
#216f36 rgb(33,111,54)
```
#215a6f
```
#215a6f rgb(33,90,111)
```
#6f215a
```
#6f215a rgb(111,33,90)
```
#6f3621
```
#6f3621 rgb(111,54,33)
```

Tetradic Color

#0f2a34
```
#0f2a34 rgb(15,42,52)
```
#153a48
```
#153a48 rgb(21,58,72)
```
#1b4a5b
```
#1b4a5b rgb(27,74,91)
```
#215a6f
```
#215a6f rgb(33,90,111)
```
#276a83
```
#276a83 rgb(39,106,131)
```
#2d7a96
```
#2d7a96 rgb(45,122,150)
```
#338aaa
```
#338aaa rgb(51,138,170)
```

Monochromatic Color

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

#216e6f
```
#216e6f rgb(33,110,111)
```
#21676f
```
#21676f rgb(33,103,111)
```
#21616f
```
#21616f rgb(33,97,111)
```
#215a6f
```
#215a6f rgb(33,90,111)
```
#21546f
```
#21546f rgb(33,84,111)
```
#214d6f
```
#214d6f rgb(33,77,111)
```
#21476f
```
#21476f rgb(33,71,111)
```

Similar Colors

Text with hexadecimal color #215a6f

This text has a font color of #215a6f.

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

#215a6f background color

This paragraph has a background color of #215a6f.

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

#215a6f border color

This element has a border color of #215a6f.

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

CSS codes

.text {color:#215a6f;}

.background {background-color:#215a6f;}

.border {border:1px solid #215a6f;}

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

#020405
```
#020405 rgb(2,4,5)
```
#061014
```
#061014 rgb(6,16,20)
```
#0b1d23
```
#0b1d23 rgb(11,29,35)
```
#0f2933
```
#0f2933 rgb(15,41,51)
```
#143542
```
#143542 rgb(20,53,66)
```
#184151
```
#184151 rgb(24,65,81)
```
#1d4e60
```
#1d4e60 rgb(29,78,96)
```
#215a6f
```
#215a6f rgb(33,90,111)
```
#25667e
```
#25667e rgb(37,102,126)
```
#2a738d
```
#2a738d rgb(42,115,141)
```
#2e7f9c
```
#2e7f9c rgb(46,127,156)
```
#338bab
```
#338bab rgb(51,139,171)
```
#3797bb
```
#3797bb rgb(55,151,187)
```

Shade Color Variation

#40a2c6
```
#40a2c6 rgb(64,162,198)
```
#4fa9cb
```
#4fa9cb rgb(79,169,203)
```
#5eb1cf
```
#5eb1cf rgb(94,177,207)
```
#6db8d4
```
#6db8d4 rgb(109,184,212)
```
#7cbfd8
```
#7cbfd8 rgb(124,191,216)
```
#8bc7dd
```
#8bc7dd rgb(139,199,221)
```
#9acee1
```
#9acee1 rgb(154,206,225)
```
#a9d5e6
```
#a9d5e6 rgb(169,213,230)
```
#b9ddea
```
#b9ddea rgb(185,221,234)
```
#c8e4ef
```
#c8e4ef rgb(200,228,239)
```
#d7ebf3
```
#d7ebf3 rgb(215,235,243)
```
#e6f3f8
```
#e6f3f8 rgb(230,243,248)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

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

#484848
```
#484848 rgb(72,72,72)
```
#424b4e
```
#424b4e rgb(66,75,78)
```
#3d4d53
```
#3d4d53 rgb(61,77,83)
```
#375059
```
#375059 rgb(55,80,89)
```
#32525e
```
#32525e rgb(50,82,94)
```
#2c5564
```
#2c5564 rgb(44,85,100)
```
#275769
```
#275769 rgb(39,87,105)
```
#215a6f
```
#215a6f rgb(33,90,111)
```
#1b5d75
```
#1b5d75 rgb(27,93,117)
```
#165f7a
```
#165f7a rgb(22,95,122)
```
#106280
```
#106280 rgb(16,98,128)
```
#0b6485
```
#0b6485 rgb(11,100,133)
```
#05678b
```
#05678b rgb(5,103,139)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#434e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565b71 Protanopia 1% of men
#535b79 Deuteranopia 1% of men
#24646b Tritanopia 0.001% of the population

Trichromacy

#435b70 Protanomaly 1% of men, 0.01% of women
#415a75 Deuteranomaly 6% of men, 0.4% of women
#23606d Tritanomaly 0.01% of the population

#215a6f hex color

#215a6f Color Information

#215a6f Color Conversion

Color Schemes with #215a6f

Alternatives to #215a6f

#215a6f Preview

Shades and Tints of #215a6f

Tones of #215a6f

Color Blindness Simulator