#2204b2 hex color

In a RGB color space, hex #2204b2 is composed of 13.3% red, 1.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 97.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 250.3 degrees, a saturation of 95.6% and a lightness of 35.7%. #2204b2 color hex could be obtained by blending #4408ff with #000065. Closest websafe color is: #330099.

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

● #2204b2 color description : Dark blue.

The hexadecimal color #2204b2 has RGB values of R:34, G:4, B:178 and CMYK values of C:0.81, M:0.98, Y:0, K:0.3. Its decimal value is 2229426.

Hex triplet	2204b2	`#2204b2`
RGB Decimal	34, 4, 178	`rgb(34,4,178)`
RGB Percent	13.3, 1.6, 69.8	`rgb(13.3%,1.6%,69.8%)`
CMYK	81, 98, 0, 30
HSL	250.3°, 95.6, 35.7	`hsl(250.3,95.6%,35.7%)`
HSV (or HSB)	250.3°, 97.8, 69.8
Web Safe	330099	`#330099`

CIE-LAB	22.446, 59.942, -79.716
XYZ	8.737, 3.641, 42.359
xyY	0.16, 0.067, 3.641
CIE-LCH	22.446, 99.738, 306.941
CIE-LUV	22.446, -4.174, -86.451
Hunter-Lab	19.081, 48.348, -118.268
Binary	00100010, 00000100, 10110010

#2204b2
```
#2204b2 rgb(34,4,178)
```
#94b204
```
#94b204 rgb(148,178,4)
```

Complementary Color

#043db2
```
#043db2 rgb(4,61,178)
```
#2204b2
```
#2204b2 rgb(34,4,178)
```
#7904b2
```
#7904b2 rgb(121,4,178)
```

Analogous Color

#3db204
```
#3db204 rgb(61,178,4)
```
#2204b2
```
#2204b2 rgb(34,4,178)
```
#b27904
```
#b27904 rgb(178,121,4)
```

Split Complementary Color

#04b222
```
#04b222 rgb(4,178,34)
```
#2204b2
```
#2204b2 rgb(34,4,178)
```
#b22204
```
#b22204 rgb(178,34,4)
```

Triadic Color

#0494b2
```
#0494b2 rgb(4,148,178)
```
#2204b2
```
#2204b2 rgb(34,4,178)
```
#b22204
```
#b22204 rgb(178,34,4)
```
#94b204
```
#94b204 rgb(148,178,4)
```

Tetradic Color

#140267
```
#140267 rgb(20,2,103)
```
#180380
```
#180380 rgb(24,3,128)
```
#1d0399
```
#1d0399 rgb(29,3,153)
```
#2204b2
```
#2204b2 rgb(34,4,178)
```
#2705cb
```
#2705cb rgb(39,5,203)
```
#2c05e4
```
#2c05e4 rgb(44,5,228)
```
#3209f9
```
#3209f9 rgb(50,9,249)
```

Monochromatic Color

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

#0412b2
```
#0412b2 rgb(4,18,178)
```
#0504b2
```
#0504b2 rgb(5,4,178)
```
#1404b2
```
#1404b2 rgb(20,4,178)
```
#2204b2
```
#2204b2 rgb(34,4,178)
```
#3104b2
```
#3104b2 rgb(49,4,178)
```
#3f04b2
```
#3f04b2 rgb(63,4,178)
```
#4e04b2
```
#4e04b2 rgb(78,4,178)
```

Similar Colors

Text with hexadecimal color #2204b2

This text has a font color of #2204b2.

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

#2204b2 background color

This paragraph has a background color of #2204b2.

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

#2204b2 border color

This element has a border color of #2204b2.

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

CSS codes

.text {color:#2204b2;}

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

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

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

#010005
```
#010005 rgb(1,0,5)
```
#050119
```
#050119 rgb(5,1,25)
```
#08012c
```
#08012c rgb(8,1,44)
```
#0c013f
```
#0c013f rgb(12,1,63)
```
#100252
```
#100252 rgb(16,2,82)
```
#130265
```
#130265 rgb(19,2,101)
```
#170378
```
#170378 rgb(23,3,120)
```
#1b038c
```
#1b038c rgb(27,3,140)
```
#1e049f
```
#1e049f rgb(30,4,159)
```
#2204b2
```
#2204b2 rgb(34,4,178)
```
#2604c5
```
#2604c5 rgb(38,4,197)
```
#2905d8
```
#2905d8 rgb(41,5,216)
```
#2d05ec
```
#2d05ec rgb(45,5,236)
```

Shade Color Variation

#340bfa
```
#340bfa rgb(52,11,250)
```
#441efa
```
#441efa rgb(68,30,250)
```
#5431fa
```
#5431fa rgb(84,49,250)
```
#6444fb
```
#6444fb rgb(100,68,251)
```
#7458fb
```
#7458fb rgb(116,88,251)
```
#846bfc
```
#846bfc rgb(132,107,252)
```
#947efc
```
#947efc rgb(148,126,252)
```
#a491fd
```
#a491fd rgb(164,145,253)
```
#b4a4fd
```
#b4a4fd rgb(180,164,253)
```
#c4b8fd
```
#c4b8fd rgb(196,184,253)
```
#d4cbfe
```
#d4cbfe rgb(212,203,254)
```
#e4defe
```
#e4defe rgb(228,222,254)
```
#f3f1ff
```
#f3f1ff rgb(243,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59585e is the less saturated color, while #2204b2 is the most saturated one.

#59585e
```
#59585e rgb(89,88,94)
```
#545165
```
#545165 rgb(84,81,101)
```
#504a6c
```
#504a6c rgb(80,74,108)
```
#4b4373
```
#4b4373 rgb(75,67,115)
```
#473c7a
```
#473c7a rgb(71,60,122)
```
#423581
```
#423581 rgb(66,53,129)
```
#3e2e88
```
#3e2e88 rgb(62,46,136)
```
#39278f
```
#39278f rgb(57,39,143)
```
#342096
```
#342096 rgb(52,32,150)
```
#30199d
```
#30199d rgb(48,25,157)
```
#2b12a4
```
#2b12a4 rgb(43,18,164)
```
#270bab
```
#270bab rgb(39,11,171)
```
#2204b2
```
#2204b2 rgb(34,4,178)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#211b3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e78 Protanopia 1% of men
#004268 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

#0c298d Protanomaly 1% of men, 0.01% of women
#0c2b83 Deuteranomaly 6% of men, 0.4% of women
#0c2e6f Tritanomaly 0.01% of the population

#2204b2 hex color

#2204b2 Color Information

#2204b2 Color Conversion

Color Schemes with #2204b2

Alternatives to #2204b2

#2204b2 Preview

Shades and Tints of #2204b2

Tones of #2204b2

Color Blindness Simulator