#2172bf hex color

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

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

● #2172bf color description : Strong blue.

The hexadecimal color #2172bf has RGB values of R:33, G:114, B:191 and CMYK values of C:0.83, M:0.4, Y:0, K:0.25. Its decimal value is 2192063.

Hex triplet	2172bf	`#2172bf`
RGB Decimal	33, 114, 191	`rgb(33,114,191)`
RGB Percent	12.9, 44.7, 74.9	`rgb(12.9%,44.7%,74.9%)`
CMYK	83, 40, 0, 25
HSL	209.2°, 70.5, 43.9	`hsl(209.2,70.5%,43.9%)`
HSV (or HSB)	209.2°, 82.7, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.129, 4.235, -47.038
XYZ	16.046, 16.118, 51.553
xyY	0.192, 0.193, 16.118
CIE-LCH	47.129, 47.228, 275.144
CIE-LUV	47.129, -25.874, -71.468
Hunter-Lab	40.147, 1.086, -48.03
Binary	00100001, 01110010, 10111111

#2172bf
```
#2172bf rgb(33,114,191)
```
#bf6e21
```
#bf6e21 rgb(191,110,33)
```

Complementary Color

#21bfbd
```
#21bfbd rgb(33,191,189)
```
#2172bf
```
#2172bf rgb(33,114,191)
```
#2123bf
```
#2123bf rgb(33,35,191)
```

Analogous Color

#bfbd21
```
#bfbd21 rgb(191,189,33)
```
#2172bf
```
#2172bf rgb(33,114,191)
```
#bf2123
```
#bf2123 rgb(191,33,35)
```

Split Complementary Color

#72bf21
```
#72bf21 rgb(114,191,33)
```
#2172bf
```
#2172bf rgb(33,114,191)
```
#bf2172
```
#bf2172 rgb(191,33,114)
```

Triadic Color

#21bf6e
```
#21bf6e rgb(33,191,110)
```
#2172bf
```
#2172bf rgb(33,114,191)
```
#bf2172
```
#bf2172 rgb(191,33,114)
```
#bf6e21
```
#bf6e21 rgb(191,110,33)
```

Tetradic Color

#164b7e
```
#164b7e rgb(22,75,126)
```
#195894
```
#195894 rgb(25,88,148)
```
#1d65a9
```
#1d65a9 rgb(29,101,169)
```
#2172bf
```
#2172bf rgb(33,114,191)
```
#257fd5
```
#257fd5 rgb(37,127,213)
```
#378cdc
```
#378cdc rgb(55,140,220)
```
#4c98e0
```
#4c98e0 rgb(76,152,224)
```

Monochromatic Color

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

#219abf
```
#219abf rgb(33,154,191)
```
#218cbf
```
#218cbf rgb(33,140,191)
```
#217fbf
```
#217fbf rgb(33,127,191)
```
#2172bf
```
#2172bf rgb(33,114,191)
```
#2165bf
```
#2165bf rgb(33,101,191)
```
#2158bf
```
#2158bf rgb(33,88,191)
```
#214bbf
```
#214bbf rgb(33,75,191)
```

Similar Colors

Text with hexadecimal color #2172bf

This text has a font color of #2172bf.

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

#2172bf background color

This paragraph has a background color of #2172bf.

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

#2172bf border color

This element has a border color of #2172bf.

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

CSS codes

.text {color:#2172bf;}

.background {background-color:#2172bf;}

.border {border:1px solid #2172bf;}

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)
```
#0a2239
```
#0a2239 rgb(10,34,57)
```
#0d2c4a
```
#0d2c4a rgb(13,44,74)
```
#10365b
```
#10365b rgb(16,54,91)
```
#13406b
```
#13406b rgb(19,64,107)
```
#154a7c
```
#154a7c rgb(21,74,124)
```
#18548d
```
#18548d rgb(24,84,141)
```
#1b5e9e
```
#1b5e9e rgb(27,94,158)
```
#1e68ae
```
#1e68ae rgb(30,104,174)
```
#2172bf
```
#2172bf rgb(33,114,191)
```
#247cd0
```
#247cd0 rgb(36,124,208)
```

Shade Color Variation

#2d86db
```
#2d86db rgb(45,134,219)
```
#3d8fde
```
#3d8fde rgb(61,143,222)
```
#4e99e0
```
#4e99e0 rgb(78,153,224)
```
#5fa3e3
```
#5fa3e3 rgb(95,163,227)
```
#6face6
```
#6face6 rgb(111,172,230)
```
#80b6e9
```
#80b6e9 rgb(128,182,233)
```
#91c0ec
```
#91c0ec rgb(145,192,236)
```
#a2c9ef
```
#a2c9ef rgb(162,201,239)
```
#b2d3f2
```
#b2d3f2 rgb(178,211,242)
```
#c3ddf5
```
#c3ddf5 rgb(195,221,245)
```
#d4e6f8
```
#d4e6f8 rgb(212,230,248)
```
#e5f0fa
```
#e5f0fa rgb(229,240,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 #0773d9 is the most saturated one.

#6f7071
```
#6f7071 rgb(111,112,113)
```
#66707a
```
#66707a rgb(102,112,122)
```
#5d7083
```
#5d7083 rgb(93,112,131)
```
#55718b
```
#55718b rgb(85,113,139)
```
#4c7194
```
#4c7194 rgb(76,113,148)
```
#43719d
```
#43719d rgb(67,113,157)
```
#3b71a5
```
#3b71a5 rgb(59,113,165)
```
#3272ae
```
#3272ae rgb(50,114,174)
```
#2a72b6
```
#2a72b6 rgb(42,114,182)
```
#2172bf
```
#2172bf rgb(33,114,191)
```
#1872c8
```
#1872c8 rgb(24,114,200)
```
#1072d0
```
#1072d0 rgb(16,114,208)
```
#0773d9
```
#0773d9 rgb(7,115,217)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#566675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5574be Protanopia 1% of men
#3578c2 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4273be Protanomaly 1% of men, 0.01% of women
#2e76c1 Deuteranomaly 6% of men, 0.4% of women
#0c7c9e Tritanomaly 0.01% of the population

#2172bf hex color

#2172bf Color Information

#2172bf Color Conversion

Color Schemes with #2172bf

Alternatives to #2172bf

#2172bf Preview

Shades and Tints of #2172bf

Tones of #2172bf

Color Blindness Simulator