#215fa8 hex color

In a RGB color space, hex #215fa8 is composed of 12.9% red, 37.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 43.5% magenta, 0% yellow and 34.1% black. It has a hue angle of 212.4 degrees, a saturation of 67.2% and a lightness of 39.4%. #215fa8 color hex could be obtained by blending #42beff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 37
- B 66
RGB color chart
- C 80
- M 43
- Y 0
- K 34
CMYK color chart

● #215fa8 color description : Dark blue.

The hexadecimal color #215fa8 has RGB values of R:33, G:95, B:168 and CMYK values of C:0.8, M:0.43, Y:0, K:0.34. Its decimal value is 2187176.

Hex triplet	215fa8	`#215fa8`
RGB Decimal	33, 95, 168	`rgb(33,95,168)`
RGB Percent	12.9, 37.3, 65.9	`rgb(12.9%,37.3%,65.9%)`
CMYK	80, 43, 0, 34
HSL	212.4°, 67.2, 39.4	`hsl(212.4,67.2%,39.4%)`
HSV (or HSB)	212.4°, 80.4, 65.9
Web Safe	336699	`#336699`

CIE-LAB	40.137, 7.359, -44.773
XYZ	11.786, 11.334, 38.61
xyY	0.191, 0.184, 11.334
CIE-LCH	40.137, 45.373, 279.334
CIE-LUV	40.137, -20.581, -65.539
Hunter-Lab	33.666, 3.573, -44.431
Binary	00100001, 01011111, 10101000

#215fa8
```
#215fa8 rgb(33,95,168)
```
#a86a21
```
#a86a21 rgb(168,106,33)
```

Complementary Color

#21a3a8
```
#21a3a8 rgb(33,163,168)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```
#2621a8
```
#2621a8 rgb(38,33,168)
```

Analogous Color

#a3a821
```
#a3a821 rgb(163,168,33)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```
#a82621
```
#a82621 rgb(168,38,33)
```

Split Complementary Color

#5fa821
```
#5fa821 rgb(95,168,33)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```
#a8215f
```
#a8215f rgb(168,33,95)
```

Triadic Color

#21a86a
```
#21a86a rgb(33,168,106)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```
#a8215f
```
#a8215f rgb(168,33,95)
```
#a86a21
```
#a86a21 rgb(168,106,33)
```

Tetradic Color

#143b68
```
#143b68 rgb(20,59,104)
```
#19477d
```
#19477d rgb(25,71,125)
```
#1d5393
```
#1d5393 rgb(29,83,147)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```
#256bbd
```
#256bbd rgb(37,107,189)
```
#2977d3
```
#2977d3 rgb(41,119,211)
```
#3d84d9
```
#3d84d9 rgb(61,132,217)
```

Monochromatic Color

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

#2181a8
```
#2181a8 rgb(33,129,168)
```
#2176a8
```
#2176a8 rgb(33,118,168)
```
#216aa8
```
#216aa8 rgb(33,106,168)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```
#2154a8
```
#2154a8 rgb(33,84,168)
```
#2149a8
```
#2149a8 rgb(33,73,168)
```
#213da8
```
#213da8 rgb(33,61,168)
```

Similar Colors

Text with hexadecimal color #215fa8

This text has a font color of #215fa8.

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

#215fa8 background color

This paragraph has a background color of #215fa8.

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

#215fa8 border color

This element has a border color of #215fa8.

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

CSS codes

.text {color:#215fa8;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040c14
```
#040c14 rgb(4,12,20)
```
#071525
```
#071525 rgb(7,21,37)
```
#0a1e35
```
#0a1e35 rgb(10,30,53)
```
#0e2746
```
#0e2746 rgb(14,39,70)
```
#113156
```
#113156 rgb(17,49,86)
```
#143a66
```
#143a66 rgb(20,58,102)
```
#174377
```
#174377 rgb(23,67,119)
```
#1b4c87
```
#1b4c87 rgb(27,76,135)
```
#1e5698
```
#1e5698 rgb(30,86,152)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```
#2468b8
```
#2468b8 rgb(36,104,184)
```
#2772c9
```
#2772c9 rgb(39,114,201)
```

Shade Color Variation

#2e7bd6
```
#2e7bd6 rgb(46,123,214)
```
#3e85d9
```
#3e85d9 rgb(62,133,217)
```
#4f90dc
```
#4f90dc rgb(79,144,220)
```
#5f9ae0
```
#5f9ae0 rgb(95,154,224)
```
#6fa4e3
```
#6fa4e3 rgb(111,164,227)
```
#80afe6
```
#80afe6 rgb(128,175,230)
```
#90b9e9
```
#90b9e9 rgb(144,185,233)
```
#a1c3ec
```
#a1c3ec rgb(161,195,236)
```
#b1cef0
```
#b1cef0 rgb(177,206,240)
```
#c1d8f3
```
#c1d8f3 rgb(193,216,243)
```
#d2e3f6
```
#d2e3f6 rgb(210,227,246)
```
#e2edf9
```
#e2edf9 rgb(226,237,249)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#5f646a
```
#5f646a rgb(95,100,106)
```
#576372
```
#576372 rgb(87,99,114)
```
#4f637a
```
#4f637a rgb(79,99,122)
```
#486281
```
#486281 rgb(72,98,129)
```
#406289
```
#406289 rgb(64,98,137)
```
#386191
```
#386191 rgb(56,97,145)
```
#306099
```
#306099 rgb(48,96,153)
```
#2960a0
```
#2960a0 rgb(41,96,160)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```
#195eb0
```
#195eb0 rgb(25,94,176)
```
#125eb7
```
#125eb7 rgb(18,94,183)
```
#0a5dbf
```
#0a5dbf rgb(10,93,191)
```
#025cc7
```
#025cc7 rgb(2,92,199)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4b5766 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4464aa Protanopia 1% of men
#1f68ac Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#3762a9 Protanomaly 1% of men, 0.01% of women
#2064aa Deuteranomaly 6% of men, 0.4% of women
#0c6a89 Tritanomaly 0.01% of the population

#215fa8 hex color

#215fa8 Color Information

#215fa8 Color Conversion

Color Schemes with #215fa8

Alternatives to #215fa8

#215fa8 Preview

Shades and Tints of #215fa8

Tones of #215fa8

Color Blindness Simulator