#2204af hex color

In a RGB color space, hex #2204af is composed of 13.3% red, 1.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 97.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 250.5 degrees, a saturation of 95.5% and a lightness of 35.1%. #2204af color hex could be obtained by blending #4408ff with #00005f. Closest websafe color is: #330099.

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

● #2204af color description : Dark blue.

The hexadecimal color #2204af has RGB values of R:34, G:4, B:175 and CMYK values of C:0.81, M:0.98, Y:0, K:0.31. Its decimal value is 2229423.

Hex triplet	2204af	`#2204af`
RGB Decimal	34, 4, 175	`rgb(34,4,175)`
RGB Percent	13.3, 1.6, 68.6	`rgb(13.3%,1.6%,68.6%)`
CMYK	81, 98, 0, 31
HSL	250.5°, 95.5, 35.1	`hsl(250.5,95.5%,35.1%)`
HSV (or HSB)	250.5°, 97.7, 68.6
Web Safe	330099	`#330099`

CIE-LAB	22.022, 59.176, -78.621
XYZ	8.439, 3.522, 40.79
xyY	0.16, 0.067, 3.522
CIE-LCH	22.022, 98.403, 306.968
CIE-LUV	22.022, -4.01, -84.667
Hunter-Lab	18.766, 47.436, -115.739
Binary	00100010, 00000100, 10101111

#2204af
```
#2204af rgb(34,4,175)
```
#91af04
```
#91af04 rgb(145,175,4)
```

Complementary Color

#043caf
```
#043caf rgb(4,60,175)
```
#2204af
```
#2204af rgb(34,4,175)
```
#7804af
```
#7804af rgb(120,4,175)
```

Analogous Color

#3caf04
```
#3caf04 rgb(60,175,4)
```
#2204af
```
#2204af rgb(34,4,175)
```
#af7804
```
#af7804 rgb(175,120,4)
```

Split Complementary Color

#04af22
```
#04af22 rgb(4,175,34)
```
#2204af
```
#2204af rgb(34,4,175)
```
#af2204
```
#af2204 rgb(175,34,4)
```

Triadic Color

#0491af
```
#0491af rgb(4,145,175)
```
#2204af
```
#2204af rgb(34,4,175)
```
#af2204
```
#af2204 rgb(175,34,4)
```
#91af04
```
#91af04 rgb(145,175,4)
```

Tetradic Color

#130264
```
#130264 rgb(19,2,100)
```
#18037d
```
#18037d rgb(24,3,125)
```
#1d0396
```
#1d0396 rgb(29,3,150)
```
#2204af
```
#2204af rgb(34,4,175)
```
#2705c8
```
#2705c8 rgb(39,5,200)
```
#2c05e1
```
#2c05e1 rgb(44,5,225)
```
#3106f9
```
#3106f9 rgb(49,6,249)
```

Monochromatic Color

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

#0411af
```
#0411af rgb(4,17,175)
```
#0504af
```
#0504af rgb(5,4,175)
```
#1404af
```
#1404af rgb(20,4,175)
```
#2204af
```
#2204af rgb(34,4,175)
```
#3004af
```
#3004af rgb(48,4,175)
```
#3e04af
```
#3e04af rgb(62,4,175)
```
#4d04af
```
#4d04af rgb(77,4,175)
```

Similar Colors

Text with hexadecimal color #2204af

This text has a font color of #2204af.

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

#2204af background color

This paragraph has a background color of #2204af.

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

#2204af border color

This element has a border color of #2204af.

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

CSS codes

.text {color:#2204af;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040016
```
#040016 rgb(4,0,22)
```
#080129
```
#080129 rgb(8,1,41)
```
#0c013c
```
#0c013c rgb(12,1,60)
```
#0f024f
```
#0f024f rgb(15,2,79)
```
#130262
```
#130262 rgb(19,2,98)
```
#170375
```
#170375 rgb(23,3,117)
```
#1b0389
```
#1b0389 rgb(27,3,137)
```
#1e049c
```
#1e049c rgb(30,4,156)
```
#2204af
```
#2204af rgb(34,4,175)
```
#2604c2
```
#2604c2 rgb(38,4,194)
```
#2905d5
```
#2905d5 rgb(41,5,213)
```
#2d05e9
```
#2d05e9 rgb(45,5,233)
```

Shade Color Variation

#3208f9
```
#3208f9 rgb(50,8,249)
```
#421bfa
```
#421bfa rgb(66,27,250)
```
#522efa
```
#522efa rgb(82,46,250)
```
#6242fb
```
#6242fb rgb(98,66,251)
```
#7255fb
```
#7255fb rgb(114,85,251)
```
#8268fc
```
#8268fc rgb(130,104,252)
```
#927bfc
```
#927bfc rgb(146,123,252)
```
#a28efc
```
#a28efc rgb(162,142,252)
```
#b2a2fd
```
#b2a2fd rgb(178,162,253)
```
#c1b5fd
```
#c1b5fd rgb(193,181,253)
```
#d1c8fe
```
#d1c8fe rgb(209,200,254)
```
#e1dbfe
```
#e1dbfe rgb(225,219,254)
```
#f1eeff
```
#f1eeff rgb(241,238,255)
```

Tint Color Variation

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

#58575c
```
#58575c rgb(88,87,92)
```
#535063
```
#535063 rgb(83,80,99)
```
#4f496a
```
#4f496a rgb(79,73,106)
```
#4a4271
```
#4a4271 rgb(74,66,113)
```
#463b78
```
#463b78 rgb(70,59,120)
```
#41347f
```
#41347f rgb(65,52,127)
```
#3d2d86
```
#3d2d86 rgb(61,45,134)
```
#38268d
```
#38268d rgb(56,38,141)
```
#342093
```
#342093 rgb(52,32,147)
```
#2f199a
```
#2f199a rgb(47,25,154)
```
#2b12a1
```
#2b12a1 rgb(43,18,161)
```
#260ba8
```
#260ba8 rgb(38,11,168)
```
#2204af
```
#2204af rgb(34,4,175)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#201a3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#004166 Deuteranopia 1% of men
#004548 Tritanopia 0.001% of the population

Trichromacy

#0c288b Protanomaly 1% of men, 0.01% of women
#0c2a81 Deuteranomaly 6% of men, 0.4% of women
#0c2d6d Tritanomaly 0.01% of the population

#2204af hex color

#2204af Color Information

#2204af Color Conversion

Color Schemes with #2204af

Alternatives to #2204af

#2204af Preview

Shades and Tints of #2204af

Tones of #2204af

Color Blindness Simulator