#2228b2 hex color

In a RGB color space, hex #2228b2 is composed of 13.3% red, 15.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 77.5% magenta, 0% yellow and 30.2% black. It has a hue angle of 237.5 degrees, a saturation of 67.9% and a lightness of 41.6%. #2228b2 color hex could be obtained by blending #4450ff with #000065. Closest websafe color is: #333399.

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

● #2228b2 color description : Dark blue.

The hexadecimal color #2228b2 has RGB values of R:34, G:40, B:178 and CMYK values of C:0.81, M:0.78, Y:0, K:0.3. Its decimal value is 2238642.

Hex triplet	2228b2	`#2228b2`
RGB Decimal	34, 40, 178	`rgb(34,40,178)`
RGB Percent	13.3, 15.7, 69.8	`rgb(13.3%,15.7%,69.8%)`
CMYK	81, 78, 0, 30
HSL	237.5°, 67.9, 41.6	`hsl(237.5,67.9%,41.6%)`
HSV (or HSB)	237.5°, 80.9, 69.8
Web Safe	333399	`#333399`

CIE-LAB	26.937, 46.582, -72.246
XYZ	9.453, 5.071, 42.598
xyY	0.165, 0.089, 5.071
CIE-LCH	26.937, 85.961, 302.813
CIE-LUV	26.937, -7.209, -89.076
Hunter-Lab	22.52, 35.517, -96.388
Binary	00100010, 00101000, 10110010

#2228b2
```
#2228b2 rgb(34,40,178)
```
#b2ac22
```
#b2ac22 rgb(178,172,34)
```

Complementary Color

#2270b2
```
#2270b2 rgb(34,112,178)
```
#2228b2
```
#2228b2 rgb(34,40,178)
```
#6422b2
```
#6422b2 rgb(100,34,178)
```

Analogous Color

#70b222
```
#70b222 rgb(112,178,34)
```
#2228b2
```
#2228b2 rgb(34,40,178)
```
#b26422
```
#b26422 rgb(178,100,34)
```

Split Complementary Color

#28b222
```
#28b222 rgb(40,178,34)
```
#2228b2
```
#2228b2 rgb(34,40,178)
```
#b22228
```
#b22228 rgb(178,34,40)
```

Triadic Color

#22b2ac
```
#22b2ac rgb(34,178,172)
```
#2228b2
```
#2228b2 rgb(34,40,178)
```
#b22228
```
#b22228 rgb(178,34,40)
```
#b2ac22
```
#b2ac22 rgb(178,172,34)
```

Tetradic Color

#161a72
```
#161a72 rgb(22,26,114)
```
#1a1e87
```
#1a1e87 rgb(26,30,135)
```
#1e239d
```
#1e239d rgb(30,35,157)
```
#2228b2
```
#2228b2 rgb(34,40,178)
```
#262dc7
```
#262dc7 rgb(38,45,199)
```
#3037d7
```
#3037d7 rgb(48,55,215)
```
#454bdb
```
#454bdb rgb(69,75,219)
```

Monochromatic Color

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

#224cb2
```
#224cb2 rgb(34,76,178)
```
#2240b2
```
#2240b2 rgb(34,64,178)
```
#2234b2
```
#2234b2 rgb(34,52,178)
```
#2228b2
```
#2228b2 rgb(34,40,178)
```
#2822b2
```
#2822b2 rgb(40,34,178)
```
#3422b2
```
#3422b2 rgb(52,34,178)
```
#4022b2
```
#4022b2 rgb(64,34,178)
```

Similar Colors

Text with hexadecimal color #2228b2

This text has a font color of #2228b2.

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

#2228b2 background color

This paragraph has a background color of #2228b2.

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

#2228b2 border color

This element has a border color of #2228b2.

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

CSS codes

.text {color:#2228b2;}

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

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

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, #03030d is the darkest color, while #fcfcfe is the lightest one.

#03030d
```
#03030d rgb(3,3,13)
```
#06071e
```
#06071e rgb(6,7,30)
```
#090a2e
```
#090a2e rgb(9,10,46)
```
#0c0e3f
```
#0c0e3f rgb(12,14,63)
```
#0f124f
```
#0f124f rgb(15,18,79)
```
#121560
```
#121560 rgb(18,21,96)
```
#151970
```
#151970 rgb(21,25,112)
```
#191d81
```
#191d81 rgb(25,29,129)
```
#1c2191
```
#1c2191 rgb(28,33,145)
```
#1f24a2
```
#1f24a2 rgb(31,36,162)
```
#2228b2
```
#2228b2 rgb(34,40,178)
```
#252cc2
```
#252cc2 rgb(37,44,194)
```
#282fd3
```
#282fd3 rgb(40,47,211)
```

Shade Color Variation

#363dd9
```
#363dd9 rgb(54,61,217)
```
#474ddc
```
#474ddc rgb(71,77,220)
```
#575ddf
```
#575ddf rgb(87,93,223)
```
#686de2
```
#686de2 rgb(104,109,226)
```
#787de5
```
#787de5 rgb(120,125,229)
```
#898de8
```
#898de8 rgb(137,141,232)
```
#999cec
```
#999cec rgb(153,156,236)
```
#a9acef
```
#a9acef rgb(169,172,239)
```
#babcf2
```
#babcf2 rgb(186,188,242)
```
#caccf5
```
#caccf5 rgb(202,204,245)
```
#dbdcf8
```
#dbdcf8 rgb(219,220,248)
```
#ebecfb
```
#ebecfb rgb(235,236,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#636471
```
#636471 rgb(99,100,113)
```
#5b5c79
```
#5b5c79 rgb(91,92,121)
```
#535581
```
#535581 rgb(83,85,129)
```
#4b4d89
```
#4b4d89 rgb(75,77,137)
```
#434691
```
#434691 rgb(67,70,145)
```
#3a3e9a
```
#3a3e9a rgb(58,62,154)
```
#3237a2
```
#3237a2 rgb(50,55,162)
```
#2a2faa
```
#2a2faa rgb(42,47,170)
```
#2228b2
```
#2228b2 rgb(34,40,178)
```
#1a21ba
```
#1a21ba rgb(26,33,186)
```
#1219c2
```
#1219c2 rgb(18,25,194)
```
#0a12ca
```
#0a12ca rgb(10,18,202)
```
#010ad3
```
#010ad3 rgb(1,10,211)
```

Tone Color Variation

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

#00478a Protanopia 1% of men
#004b78 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#0c3c99 Protanomaly 1% of men, 0.01% of women
#0c3e8d Deuteranomaly 6% of men, 0.4% of women
#0c4276 Tritanomaly 0.01% of the population

#2228b2 hex color

#2228b2 Color Information

#2228b2 Color Conversion

Color Schemes with #2228b2

Alternatives to #2228b2

#2228b2 Preview

Shades and Tints of #2228b2

Tones of #2228b2

Color Blindness Simulator