#2229b2 hex color

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

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

● #2229b2 color description : Dark blue.

The hexadecimal color #2229b2 has RGB values of R:34, G:41, B:178 and CMYK values of C:0.81, M:0.77, Y:0, K:0.3. Its decimal value is 2238898.

Hex triplet	2229b2	`#2229b2`
RGB Decimal	34, 41, 178	`rgb(34,41,178)`
RGB Percent	13.3, 16.1, 69.8	`rgb(13.3%,16.1%,69.8%)`
CMYK	81, 77, 0, 30
HSL	237.1°, 67.9, 41.6	`hsl(237.1,67.9%,41.6%)`
HSV (or HSB)	237.1°, 80.9, 69.8
Web Safe	333399	`#333399`

CIE-LAB	27.129, 46.033, -71.928
XYZ	9.487, 5.14, 42.609
xyY	0.166, 0.09, 5.14
CIE-LCH	27.129, 85.398, 302.619
CIE-LUV	27.129, -7.354, -89.084
Hunter-Lab	22.671, 35.022, -95.564
Binary	00100010, 00101001, 10110010

#2229b2
```
#2229b2 rgb(34,41,178)
```
#b2ab22
```
#b2ab22 rgb(178,171,34)
```

Complementary Color

#2271b2
```
#2271b2 rgb(34,113,178)
```
#2229b2
```
#2229b2 rgb(34,41,178)
```
#6322b2
```
#6322b2 rgb(99,34,178)
```

Analogous Color

#71b222
```
#71b222 rgb(113,178,34)
```
#2229b2
```
#2229b2 rgb(34,41,178)
```
#b26322
```
#b26322 rgb(178,99,34)
```

Split Complementary Color

#29b222
```
#29b222 rgb(41,178,34)
```
#2229b2
```
#2229b2 rgb(34,41,178)
```
#b22229
```
#b22229 rgb(178,34,41)
```

Triadic Color

#22b2ab
```
#22b2ab rgb(34,178,171)
```
#2229b2
```
#2229b2 rgb(34,41,178)
```
#b22229
```
#b22229 rgb(178,34,41)
```
#b2ab22
```
#b2ab22 rgb(178,171,34)
```

Tetradic Color

#161a72
```
#161a72 rgb(22,26,114)
```
#1a1f87
```
#1a1f87 rgb(26,31,135)
```
#1e249d
```
#1e249d rgb(30,36,157)
```
#2229b2
```
#2229b2 rgb(34,41,178)
```
#262ec7
```
#262ec7 rgb(38,46,199)
```
#3038d7
```
#3038d7 rgb(48,56,215)
```
#454cdb
```
#454cdb rgb(69,76,219)
```

Monochromatic Color

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

#224db2
```
#224db2 rgb(34,77,178)
```
#2241b2
```
#2241b2 rgb(34,65,178)
```
#2235b2
```
#2235b2 rgb(34,53,178)
```
#2229b2
```
#2229b2 rgb(34,41,178)
```
#2722b2
```
#2722b2 rgb(39,34,178)
```
#3322b2
```
#3322b2 rgb(51,34,178)
```
#3f22b2
```
#3f22b2 rgb(63,34,178)
```

Similar Colors

Text with hexadecimal color #2229b2

This text has a font color of #2229b2.

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

#2229b2 background color

This paragraph has a background color of #2229b2.

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

#2229b2 border color

This element has a border color of #2229b2.

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

CSS codes

.text {color:#2229b2;}

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

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

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)
```
#090b2e
```
#090b2e rgb(9,11,46)
```
#0c0e3f
```
#0c0e3f rgb(12,14,63)
```
#0f124f
```
#0f124f rgb(15,18,79)
```
#121660
```
#121660 rgb(18,22,96)
```
#151a70
```
#151a70 rgb(21,26,112)
```
#191e81
```
#191e81 rgb(25,30,129)
```
#1c2191
```
#1c2191 rgb(28,33,145)
```
#1f25a2
```
#1f25a2 rgb(31,37,162)
```
#2229b2
```
#2229b2 rgb(34,41,178)
```
#252dc2
```
#252dc2 rgb(37,45,194)
```
#2831d3
```
#2831d3 rgb(40,49,211)
```

Shade Color Variation

#363ed9
```
#363ed9 rgb(54,62,217)
```
#474edc
```
#474edc rgb(71,78,220)
```
#575edf
```
#575edf rgb(87,94,223)
```
#686ee2
```
#686ee2 rgb(104,110,226)
```
#787de5
```
#787de5 rgb(120,125,229)
```
#898de8
```
#898de8 rgb(137,141,232)
```
#999dec
```
#999dec rgb(153,157,236)
```
#a9adef
```
#a9adef rgb(169,173,239)
```
#babdf2
```
#babdf2 rgb(186,189,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 #010cd3 is the most saturated one.

#636471
```
#636471 rgb(99,100,113)
```
#5b5d79
```
#5b5d79 rgb(91,93,121)
```
#535581
```
#535581 rgb(83,85,129)
```
#4b4e89
```
#4b4e89 rgb(75,78,137)
```
#434691
```
#434691 rgb(67,70,145)
```
#3a3f9a
```
#3a3f9a rgb(58,63,154)
```
#3238a2
```
#3238a2 rgb(50,56,162)
```
#2a30aa
```
#2a30aa rgb(42,48,170)
```
#2229b2
```
#2229b2 rgb(34,41,178)
```
#1a22ba
```
#1a22ba rgb(26,34,186)
```
#121ac2
```
#121ac2 rgb(18,26,194)
```
#0a13ca
```
#0a13ca rgb(10,19,202)
```
#010cd3
```
#010cd3 rgb(1,12,211)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#333450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004c78 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

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

#2229b2 hex color

#2229b2 Color Information

#2229b2 Color Conversion

Color Schemes with #2229b2

Alternatives to #2229b2

#2229b2 Preview

Shades and Tints of #2229b2

Tones of #2229b2

Color Blindness Simulator