#216fbf hex color

In a RGB color space, hex #216fbf is composed of 12.9% red, 43.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 41.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 210.4 degrees, a saturation of 70.5% and a lightness of 43.9%. #216fbf color hex could be obtained by blending #42deff with #00007f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 44
- B 75
RGB color chart
- C 83
- M 42
- Y 0
- K 25
CMYK color chart

● #216fbf color description : Strong blue.

The hexadecimal color #216fbf has RGB values of R:33, G:111, B:191 and CMYK values of C:0.83, M:0.42, Y:0, K:0.25. Its decimal value is 2191295.

Hex triplet	216fbf	`#216fbf`
RGB Decimal	33, 111, 191	`rgb(33,111,191)`
RGB Percent	12.9, 43.5, 74.9	`rgb(12.9%,43.5%,74.9%)`
CMYK	83, 42, 0, 25
HSL	210.4°, 70.5, 43.9	`hsl(210.4,70.5%,43.9%)`
HSV (or HSB)	210.4°, 82.7, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.248, 6.11, -48.446
XYZ	15.713, 15.452, 51.442
xyY	0.19, 0.187, 15.452
CIE-LCH	46.248, 48.829, 277.188
CIE-LUV	46.248, -24.902, -73.491
Hunter-Lab	39.31, 2.561, -50.072
Binary	00100001, 01101111, 10111111

#216fbf
```
#216fbf rgb(33,111,191)
```
#bf7121
```
#bf7121 rgb(191,113,33)
```

Complementary Color

#21bebf
```
#21bebf rgb(33,190,191)
```
#216fbf
```
#216fbf rgb(33,111,191)
```
#2221bf
```
#2221bf rgb(34,33,191)
```

Analogous Color

#bebf21
```
#bebf21 rgb(190,191,33)
```
#216fbf
```
#216fbf rgb(33,111,191)
```
#bf2221
```
#bf2221 rgb(191,34,33)
```

Split Complementary Color

#6fbf21
```
#6fbf21 rgb(111,191,33)
```
#216fbf
```
#216fbf rgb(33,111,191)
```
#bf216f
```
#bf216f rgb(191,33,111)
```

Triadic Color

#21bf71
```
#21bf71 rgb(33,191,113)
```
#216fbf
```
#216fbf rgb(33,111,191)
```
#bf216f
```
#bf216f rgb(191,33,111)
```
#bf7121
```
#bf7121 rgb(191,113,33)
```

Tetradic Color

#16497e
```
#16497e rgb(22,73,126)
```
#195694
```
#195694 rgb(25,86,148)
```
#1d62a9
```
#1d62a9 rgb(29,98,169)
```
#216fbf
```
#216fbf rgb(33,111,191)
```
#257cd5
```
#257cd5 rgb(37,124,213)
```
#3788dc
```
#3788dc rgb(55,136,220)
```
#4c95e0
```
#4c95e0 rgb(76,149,224)
```

Monochromatic Color

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

#2197bf
```
#2197bf rgb(33,151,191)
```
#2189bf
```
#2189bf rgb(33,137,191)
```
#217cbf
```
#217cbf rgb(33,124,191)
```
#216fbf
```
#216fbf rgb(33,111,191)
```
#2162bf
```
#2162bf rgb(33,98,191)
```
#2155bf
```
#2155bf rgb(33,85,191)
```
#2148bf
```
#2148bf rgb(33,72,191)
```

Similar Colors

Text with hexadecimal color #216fbf

This text has a font color of #216fbf.

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

#216fbf background color

This paragraph has a background color of #216fbf.

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

#216fbf border color

This element has a border color of #216fbf.

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

CSS codes

.text {color:#216fbf;}

.background {background-color:#216fbf;}

.border {border:1px solid #216fbf;}

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

#010407
```
#010407 rgb(1,4,7)
```
#040e18
```
#040e18 rgb(4,14,24)
```
#071828
```
#071828 rgb(7,24,40)
```
#0a2139
```
#0a2139 rgb(10,33,57)
```
#0d2b4a
```
#0d2b4a rgb(13,43,74)
```
#10355b
```
#10355b rgb(16,53,91)
```
#133e6b
```
#133e6b rgb(19,62,107)
```
#15487c
```
#15487c rgb(21,72,124)
```
#18528d
```
#18528d rgb(24,82,141)
```
#1b5c9e
```
#1b5c9e rgb(27,92,158)
```
#1e65ae
```
#1e65ae rgb(30,101,174)
```
#216fbf
```
#216fbf rgb(33,111,191)
```
#2479d0
```
#2479d0 rgb(36,121,208)
```

Shade Color Variation

#2d83db
```
#2d83db rgb(45,131,219)
```
#3d8cde
```
#3d8cde rgb(61,140,222)
```
#4e96e0
```
#4e96e0 rgb(78,150,224)
```
#5fa0e3
```
#5fa0e3 rgb(95,160,227)
```
#6faae6
```
#6faae6 rgb(111,170,230)
```
#80b4e9
```
#80b4e9 rgb(128,180,233)
```
#91beec
```
#91beec rgb(145,190,236)
```
#a2c8ef
```
#a2c8ef rgb(162,200,239)
```
#b2d2f2
```
#b2d2f2 rgb(178,210,242)
```
#c3dcf5
```
#c3dcf5 rgb(195,220,245)
```
#d4e5f8
```
#d4e5f8 rgb(212,229,248)
```
#e5effa
```
#e5effa rgb(229,239,250)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

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

#6f7071
```
#6f7071 rgb(111,112,113)
```
#66707a
```
#66707a rgb(102,112,122)
```
#5d7083
```
#5d7083 rgb(93,112,131)
```
#55708b
```
#55708b rgb(85,112,139)
```
#4c7094
```
#4c7094 rgb(76,112,148)
```
#436f9d
```
#436f9d rgb(67,111,157)
```
#3b6fa5
```
#3b6fa5 rgb(59,111,165)
```
#326fae
```
#326fae rgb(50,111,174)
```
#2a6fb6
```
#2a6fb6 rgb(42,111,182)
```
#216fbf
```
#216fbf rgb(33,111,191)
```
#186fc8
```
#186fc8 rgb(24,111,200)
```
#106fd0
```
#106fd0 rgb(16,111,208)
```
#076fd9
```
#076fd9 rgb(7,111,217)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#546474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5072bf Protanopia 1% of men
#2b76c2 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#3f71bf Protanomaly 1% of men, 0.01% of women
#2773c1 Deuteranomaly 6% of men, 0.4% of women
#0c7a9c Tritanomaly 0.01% of the population

#216fbf hex color

#216fbf Color Information

#216fbf Color Conversion

Color Schemes with #216fbf

Alternatives to #216fbf

#216fbf Preview

Shades and Tints of #216fbf

Tones of #216fbf

Color Blindness Simulator