#215f75 hex color

In a RGB color space, hex #215f75 is composed of 12.9% red, 37.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 18.8% magenta, 0% yellow and 54.1% black. It has a hue angle of 195.7 degrees, a saturation of 56% and a lightness of 29.4%. #215f75 color hex could be obtained by blending #42beea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 37
- B 46
RGB color chart
- C 72
- M 19
- Y 0
- K 54
CMYK color chart

● #215f75 color description : Dark blue.

The hexadecimal color #215f75 has RGB values of R:33, G:95, B:117 and CMYK values of C:0.72, M:0.19, Y:0, K:0.54. Its decimal value is 2187125.

Hex triplet	215f75	`#215f75`
RGB Decimal	33, 95, 117	`rgb(33,95,117)`
RGB Percent	12.9, 37.3, 45.9	`rgb(12.9%,37.3%,45.9%)`
CMYK	72, 19, 0, 54
HSL	195.7°, 56, 29.4	`hsl(195.7,56%,29.4%)`
HSV (or HSB)	195.7°, 71.8, 45.9
Web Safe	336666	`#336666`

CIE-LAB	37.466, -11.978, -18.192
XYZ	7.929, 9.791, 18.301
xyY	0.22, 0.272, 9.791
CIE-LCH	37.466, 21.781, 236.638
CIE-LUV	37.466, -22.691, -23.432
Hunter-Lab	31.291, -9.527, -12.772
Binary	00100001, 01011111, 01110101

#215f75
```
#215f75 rgb(33,95,117)
```
#753721
```
#753721 rgb(117,55,33)
```

Complementary Color

#217561
```
#217561 rgb(33,117,97)
```
#215f75
```
#215f75 rgb(33,95,117)
```
#213575
```
#213575 rgb(33,53,117)
```

Analogous Color

#756121
```
#756121 rgb(117,97,33)
```
#215f75
```
#215f75 rgb(33,95,117)
```
#752135
```
#752135 rgb(117,33,53)
```

Split Complementary Color

#5f7521
```
#5f7521 rgb(95,117,33)
```
#215f75
```
#215f75 rgb(33,95,117)
```
#75215f
```
#75215f rgb(117,33,95)
```

Triadic Color

#217537
```
#217537 rgb(33,117,55)
```
#215f75
```
#215f75 rgb(33,95,117)
```
#75215f
```
#75215f rgb(117,33,95)
```
#753721
```
#753721 rgb(117,55,33)
```

Tetradic Color

#102f39
```
#102f39 rgb(16,47,57)
```
#163f4d
```
#163f4d rgb(22,63,77)
```
#1b4f61
```
#1b4f61 rgb(27,79,97)
```
#215f75
```
#215f75 rgb(33,95,117)
```
#276f89
```
#276f89 rgb(39,111,137)
```
#2c7f9d
```
#2c7f9d rgb(44,127,157)
```
#328fb1
```
#328fb1 rgb(50,143,177)
```

Monochromatic Color

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

#217475
```
#217475 rgb(33,116,117)
```
#216d75
```
#216d75 rgb(33,109,117)
```
#216675
```
#216675 rgb(33,102,117)
```
#215f75
```
#215f75 rgb(33,95,117)
```
#215875
```
#215875 rgb(33,88,117)
```
#215175
```
#215175 rgb(33,81,117)
```
#214a75
```
#214a75 rgb(33,74,117)
```

Similar Colors

Text with hexadecimal color #215f75

This text has a font color of #215f75.

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

#215f75 background color

This paragraph has a background color of #215f75.

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

#215f75 border color

This element has a border color of #215f75.

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

CSS codes

.text {color:#215f75;}

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

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

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, #03080a is the darkest color, while #fafcfd is the lightest one.

#03080a
```
#03080a rgb(3,8,10)
```
#071419
```
#071419 rgb(7,20,25)
```
#0b2129
```
#0b2129 rgb(11,33,41)
```
#102d38
```
#102d38 rgb(16,45,56)
```
#143a47
```
#143a47 rgb(20,58,71)
```
#184656
```
#184656 rgb(24,70,86)
```
#1d5366
```
#1d5366 rgb(29,83,102)
```
#215f75
```
#215f75 rgb(33,95,117)
```
#256b84
```
#256b84 rgb(37,107,132)
```
#2a7894
```
#2a7894 rgb(42,120,148)
```
#2e84a3
```
#2e84a3 rgb(46,132,163)
```
#3291b2
```
#3291b2 rgb(50,145,178)
```
#379dc2
```
#379dc2 rgb(55,157,194)
```

Shade Color Variation

#42a6ca
```
#42a6ca rgb(66,166,202)
```
#51adce
```
#51adce rgb(81,173,206)
```
#61b5d2
```
#61b5d2 rgb(97,181,210)
```
#70bcd7
```
#70bcd7 rgb(112,188,215)
```
#7fc3db
```
#7fc3db rgb(127,195,219)
```
#8fcadf
```
#8fcadf rgb(143,202,223)
```
#9ed1e4
```
#9ed1e4 rgb(158,209,228)
```
#add9e8
```
#add9e8 rgb(173,217,232)
```
#bce0ec
```
#bce0ec rgb(188,224,236)
```
#cce7f1
```
#cce7f1 rgb(204,231,241)
```
#dbeef5
```
#dbeef5 rgb(219,238,245)
```
#eaf5f9
```
#eaf5f9 rgb(234,245,249)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#494c4d
```
#494c4d rgb(73,76,77)
```
#444f52
```
#444f52 rgb(68,79,82)
```
#3e5158
```
#3e5158 rgb(62,81,88)
```
#38545e
```
#38545e rgb(56,84,94)
```
#325764
```
#325764 rgb(50,87,100)
```
#2d5a69
```
#2d5a69 rgb(45,90,105)
```
#275c6f
```
#275c6f rgb(39,92,111)
```
#215f75
```
#215f75 rgb(33,95,117)
```
#1b627b
```
#1b627b rgb(27,98,123)
```
#156481
```
#156481 rgb(21,100,129)
```
#106786
```
#106786 rgb(16,103,134)
```
#0a6a8c
```
#0a6a8c rgb(10,106,140)
```
#046d92
```
#046d92 rgb(4,109,146)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#465257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5f77 Protanopia 1% of men
#575f7f Deuteranopia 1% of men
#236971 Tritanopia 0.001% of the population

Trichromacy

#455f76 Protanomaly 1% of men, 0.01% of women
#435f7b Deuteranomaly 6% of men, 0.4% of women
#226572 Tritanomaly 0.01% of the population

#215f75 hex color

#215f75 Color Information

#215f75 Color Conversion

Color Schemes with #215f75

Alternatives to #215f75

#215f75 Preview

Shades and Tints of #215f75

Tones of #215f75

Color Blindness Simulator