#2228b5 hex color

In a RGB color space, hex #2228b5 is composed of 13.3% red, 15.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 77.9% magenta, 0% yellow and 29% black. It has a hue angle of 237.6 degrees, a saturation of 68.4% and a lightness of 42.2%. #2228b5 color hex could be obtained by blending #4450ff with #00006b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 16
- B 71
RGB color chart
- C 81
- M 78
- Y 0
- K 29
CMYK color chart

● #2228b5 color description : Strong blue.

The hexadecimal color #2228b5 has RGB values of R:34, G:40, B:181 and CMYK values of C:0.81, M:0.78, Y:0, K:0.29. Its decimal value is 2238645.

Hex triplet	2228b5	`#2228b5`
RGB Decimal	34, 40, 181	`rgb(34,40,181)`
RGB Percent	13.3, 15.7, 71	`rgb(13.3%,15.7%,71%)`
CMYK	81, 78, 0, 29
HSL	237.6°, 68.4, 42.2	`hsl(237.6,68.4%,42.2%)`
HSV (or HSB)	237.6°, 81.2, 71
Web Safe	3333cc	`#3333cc`

CIE-LAB	27.278, 47.573, -73.471
XYZ	9.757, 5.193, 44.202
xyY	0.165, 0.088, 5.193
CIE-LCH	27.278, 87.529, 302.923
CIE-LUV	27.278, -7.321, -90.831
Hunter-Lab	22.789, 36.548, -99.049
Binary	00100010, 00101000, 10110101

#2228b5
```
#2228b5 rgb(34,40,181)
```
#b5af22
```
#b5af22 rgb(181,175,34)
```

Complementary Color

#2272b5
```
#2272b5 rgb(34,114,181)
```
#2228b5
```
#2228b5 rgb(34,40,181)
```
#6622b5
```
#6622b5 rgb(102,34,181)
```

Analogous Color

#72b522
```
#72b522 rgb(114,181,34)
```
#2228b5
```
#2228b5 rgb(34,40,181)
```
#b56622
```
#b56622 rgb(181,102,34)
```

Split Complementary Color

#28b522
```
#28b522 rgb(40,181,34)
```
#2228b5
```
#2228b5 rgb(34,40,181)
```
#b52228
```
#b52228 rgb(181,34,40)
```

Triadic Color

#22b5af
```
#22b5af rgb(34,181,175)
```
#2228b5
```
#2228b5 rgb(34,40,181)
```
#b52228
```
#b52228 rgb(181,34,40)
```
#b5af22
```
#b5af22 rgb(181,175,34)
```

Tetradic Color

#161a75
```
#161a75 rgb(22,26,117)
```
#1a1f8a
```
#1a1f8a rgb(26,31,138)
```
#1e23a0
```
#1e23a0 rgb(30,35,160)
```
#2228b5
```
#2228b5 rgb(34,40,181)
```
#262dca
```
#262dca rgb(38,45,202)
```
#3238d8
```
#3238d8 rgb(50,56,216)
```
#474ddc
```
#474ddc rgb(71,77,220)
```

Monochromatic Color

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

#224db5
```
#224db5 rgb(34,77,181)
```
#2241b5
```
#2241b5 rgb(34,65,181)
```
#2234b5
```
#2234b5 rgb(34,52,181)
```
#2228b5
```
#2228b5 rgb(34,40,181)
```
#2822b5
```
#2822b5 rgb(40,34,181)
```
#3522b5
```
#3522b5 rgb(53,34,181)
```
#4122b5
```
#4122b5 rgb(65,34,181)
```

Similar Colors

Text with hexadecimal color #2228b5

This text has a font color of #2228b5.

<span style="color:#2228b5;">Text here</span>

#2228b5 background color

This paragraph has a background color of #2228b5.

<p style="background-color:#2228b5;">Content here</p>

#2228b5 border color

This element has a border color of #2228b5.

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

CSS codes

.text {color:#2228b5;}

.background {background-color:#2228b5;}

.border {border:1px solid #2228b5;}

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

#030410
```
#030410 rgb(3,4,16)
```
#060720
```
#060720 rgb(6,7,32)
```
#090b31
```
#090b31 rgb(9,11,49)
```
#0c0e41
```
#0c0e41 rgb(12,14,65)
```
#0f1252
```
#0f1252 rgb(15,18,82)
```
#121662
```
#121662 rgb(18,22,98)
```
#161973
```
#161973 rgb(22,25,115)
```
#191d83
```
#191d83 rgb(25,29,131)
```
#1c2194
```
#1c2194 rgb(28,33,148)
```
#1f24a4
```
#1f24a4 rgb(31,36,164)
```
#2228b5
```
#2228b5 rgb(34,40,181)
```
#252cc6
```
#252cc6 rgb(37,44,198)
```
#282fd6
```
#282fd6 rgb(40,47,214)
```

Shade Color Variation

#383fda
```
#383fda rgb(56,63,218)
```
#494fdd
```
#494fdd rgb(73,79,221)
```
#595fe0
```
#595fe0 rgb(89,95,224)
```
#6a6fe3
```
#6a6fe3 rgb(106,111,227)
```
#7a7fe6
```
#7a7fe6 rgb(122,127,230)
```
#8b8fe9
```
#8b8fe9 rgb(139,143,233)
```
#9b9fec
```
#9b9fec rgb(155,159,236)
```
#acafef
```
#acafef rgb(172,175,239)
```
#bcbff2
```
#bcbff2 rgb(188,191,242)
```
#cdcef6
```
#cdcef6 rgb(205,206,246)
```
#dddef9
```
#dddef9 rgb(221,222,249)
```
#eeeefc
```
#eeeefc rgb(238,238,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646573 is the less saturated color, while #010ad6 is the most saturated one.

#646573
```
#646573 rgb(100,101,115)
```
#5c5d7b
```
#5c5d7b rgb(92,93,123)
```
#545683
```
#545683 rgb(84,86,131)
```
#4b4e8c
```
#4b4e8c rgb(75,78,140)
```
#434694
```
#434694 rgb(67,70,148)
```
#3b3f9c
```
#3b3f9c rgb(59,63,156)
```
#3337a4
```
#3337a4 rgb(51,55,164)
```
#2a30ad
```
#2a30ad rgb(42,48,173)
```
#2228b5
```
#2228b5 rgb(34,40,181)
```
#1a20bd
```
#1a20bd rgb(26,32,189)
```
#1119c6
```
#1119c6 rgb(17,25,198)
```
#0911ce
```
#0911ce rgb(9,17,206)
```
#010ad6
```
#010ad6 rgb(1,10,214)
```

Tone Color Variation

Below, you can see how #2228b5 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

#363636 Achromatopsia 0.005% of the population
#32334f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c79 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#0c3c9b Protanomaly 1% of men, 0.01% of women
#0c3f8f Deuteranomaly 6% of men, 0.4% of women
#0c4278 Tritanomaly 0.01% of the population

#2228b5 hex color

#2228b5 Color Information

#2228b5 Color Conversion

Color Schemes with #2228b5

Alternatives to #2228b5

#2228b5 Preview

Shades and Tints of #2228b5

Tones of #2228b5

Color Blindness Simulator