#2271ba hex color

In a RGB color space, hex #2271ba is composed of 13.3% red, 44.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 39.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 208.8 degrees, a saturation of 69.1% and a lightness of 43.1%. #2271ba color hex could be obtained by blending #44e2ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 44
- B 73
RGB color chart
- C 82
- M 39
- Y 0
- K 27
CMYK color chart

● #2271ba color description : Strong blue.

The hexadecimal color #2271ba has RGB values of R:34, G:113, B:186 and CMYK values of C:0.82, M:0.39, Y:0, K:0.27. Its decimal value is 2257338.

Hex triplet	2271ba	`#2271ba`
RGB Decimal	34, 113, 186	`rgb(34,113,186)`
RGB Percent	13.3, 44.3, 72.9	`rgb(13.3%,44.3%,72.9%)`
CMYK	82, 39, 0, 27
HSL	208.8°, 69.1, 43.1	`hsl(208.8,69.1%,43.1%)`
HSV (or HSB)	208.8°, 81.7, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.571, 3.032, -45.037
XYZ	15.426, 15.694, 48.668
xyY	0.193, 0.197, 15.694
CIE-LCH	46.571, 45.139, 273.852
CIE-LUV	46.571, -25.643, -68.054
Hunter-Lab	39.616, 0.177, -45.106
Binary	00100010, 01110001, 10111010

#2271ba
```
#2271ba rgb(34,113,186)
```
#ba6b22
```
#ba6b22 rgb(186,107,34)
```

Complementary Color

#22bab7
```
#22bab7 rgb(34,186,183)
```
#2271ba
```
#2271ba rgb(34,113,186)
```
#2225ba
```
#2225ba rgb(34,37,186)
```

Analogous Color

#bab722
```
#bab722 rgb(186,183,34)
```
#2271ba
```
#2271ba rgb(34,113,186)
```
#ba2225
```
#ba2225 rgb(186,34,37)
```

Split Complementary Color

#71ba22
```
#71ba22 rgb(113,186,34)
```
#2271ba
```
#2271ba rgb(34,113,186)
```
#ba2271
```
#ba2271 rgb(186,34,113)
```

Triadic Color

#22ba6b
```
#22ba6b rgb(34,186,107)
```
#2271ba
```
#2271ba rgb(34,113,186)
```
#ba2271
```
#ba2271 rgb(186,34,113)
```
#ba6b22
```
#ba6b22 rgb(186,107,34)
```

Tetradic Color

#164a79
```
#164a79 rgb(22,74,121)
```
#1a578f
```
#1a578f rgb(26,87,143)
```
#1e64a4
```
#1e64a4 rgb(30,100,164)
```
#2271ba
```
#2271ba rgb(34,113,186)
```
#267ed0
```
#267ed0 rgb(38,126,208)
```
#358bda
```
#358bda rgb(53,139,218)
```
#4a97de
```
#4a97de rgb(74,151,222)
```

Monochromatic Color

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

#2297ba
```
#2297ba rgb(34,151,186)
```
#228aba
```
#228aba rgb(34,138,186)
```
#227eba
```
#227eba rgb(34,126,186)
```
#2271ba
```
#2271ba rgb(34,113,186)
```
#2264ba
```
#2264ba rgb(34,100,186)
```
#2258ba
```
#2258ba rgb(34,88,186)
```
#224bba
```
#224bba rgb(34,75,186)
```

Similar Colors

Text with hexadecimal color #2271ba

This text has a font color of #2271ba.

<span style="color:#2271ba;">Text here</span>

#2271ba background color

This paragraph has a background color of #2271ba.

<p style="background-color:#2271ba;">Content here</p>

#2271ba border color

This element has a border color of #2271ba.

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

CSS codes

.text {color:#2271ba;}

.background {background-color:#2271ba;}

.border {border:1px solid #2271ba;}

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 #f2f8fd is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#040c14
```
#040c14 rgb(4,12,20)
```
#071625
```
#071625 rgb(7,22,37)
```
#0a2035
```
#0a2035 rgb(10,32,53)
```
#0d2a46
```
#0d2a46 rgb(13,42,70)
```
#103556
```
#103556 rgb(16,53,86)
```
#133f67
```
#133f67 rgb(19,63,103)
```
#164978
```
#164978 rgb(22,73,120)
```
#195388
```
#195388 rgb(25,83,136)
```
#1c5d99
```
#1c5d99 rgb(28,93,153)
```
#1f67a9
```
#1f67a9 rgb(31,103,169)
```
#2271ba
```
#2271ba rgb(34,113,186)
```
#257bcb
```
#257bcb rgb(37,123,203)
```

Shade Color Variation

#2b85d8
```
#2b85d8 rgb(43,133,216)
```
#3c8fdb
```
#3c8fdb rgb(60,143,219)
```
#4c98de
```
#4c98de rgb(76,152,222)
```
#5da2e1
```
#5da2e1 rgb(93,162,225)
```
#6dabe4
```
#6dabe4 rgb(109,171,228)
```
#7eb5e7
```
#7eb5e7 rgb(126,181,231)
```
#8ebeea
```
#8ebeea rgb(142,190,234)
```
#9fc8ed
```
#9fc8ed rgb(159,200,237)
```
#b0d1f0
```
#b0d1f0 rgb(176,209,240)
```
#c0dbf4
```
#c0dbf4 rgb(192,219,244)
```
#d1e4f7
```
#d1e4f7 rgb(209,228,247)
```
#e1eefa
```
#e1eefa rgb(225,238,250)
```
#f2f8fd
```
#f2f8fd rgb(242,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666e76 is the less saturated color, while #0072dc is the most saturated one.

#666e76
```
#666e76 rgb(102,110,118)
```
#5d6f7f
```
#5d6f7f rgb(93,111,127)
```
#556f87
```
#556f87 rgb(85,111,135)
```
#4c6f90
```
#4c6f90 rgb(76,111,144)
```
#447098
```
#447098 rgb(68,112,152)
```
#3b70a1
```
#3b70a1 rgb(59,112,161)
```
#3370a9
```
#3370a9 rgb(51,112,169)
```
#2a71b2
```
#2a71b2 rgb(42,113,178)
```
#2271ba
```
#2271ba rgb(34,113,186)
```
#1a71c2
```
#1a71c2 rgb(26,113,194)
```
#1172cb
```
#1172cb rgb(17,114,203)
```
#0972d3
```
#0972d3 rgb(9,114,211)
```
#0072dc
```
#0072dc rgb(0,114,220)
```

Tone Color Variation

Below, you can see how #2271ba 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

#626262 Achromatopsia 0.005% of the population
#556574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5673b9 Protanopia 1% of men
#3b76be Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#4372b9 Protanomaly 1% of men, 0.01% of women
#3274bc Deuteranomaly 6% of men, 0.4% of women
#0c7b9b Tritanomaly 0.01% of the population

#2271ba hex color

#2271ba Color Information

#2271ba Color Conversion

Color Schemes with #2271ba

Alternatives to #2271ba

#2271ba Preview

Shades and Tints of #2271ba

Tones of #2271ba

Color Blindness Simulator