#2252a0 hex color

In a RGB color space, hex #2252a0 is composed of 13.3% red, 32.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 48.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 217.1 degrees, a saturation of 64.9% and a lightness of 38%. #2252a0 color hex could be obtained by blending #44a4ff with #000041. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 32
- B 63
RGB color chart
- C 79
- M 49
- Y 0
- K 37
CMYK color chart

● #2252a0 color description : Dark blue.

The hexadecimal color #2252a0 has RGB values of R:34, G:82, B:160 and CMYK values of C:0.79, M:0.49, Y:0, K:0.37. Its decimal value is 2249376.

Hex triplet	2252a0	`#2252a0`
RGB Decimal	34, 82, 160	`rgb(34,82,160)`
RGB Percent	13.3, 32.2, 62.7	`rgb(13.3%,32.2%,62.7%)`
CMYK	79, 49, 0, 37
HSL	217.1°, 64.9, 38	`hsl(217.1,64.9%,38%)`
HSV (or HSB)	217.1°, 78.8, 62.7
Web Safe	336699	`#336699`

CIE-LAB	35.814, 12.869, -46.945
XYZ	10.021, 8.912, 34.448
xyY	0.188, 0.167, 8.912
CIE-LCH	35.814, 48.676, 285.329
CIE-LUV	35.814, -16.57, -66.889
Hunter-Lab	29.853, 7.675, -47.519
Binary	00100010, 01010010, 10100000

#2252a0
```
#2252a0 rgb(34,82,160)
```
#a07022
```
#a07022 rgb(160,112,34)
```

Complementary Color

#2291a0
```
#2291a0 rgb(34,145,160)
```
#2252a0
```
#2252a0 rgb(34,82,160)
```
#3122a0
```
#3122a0 rgb(49,34,160)
```

Analogous Color

#91a022
```
#91a022 rgb(145,160,34)
```
#2252a0
```
#2252a0 rgb(34,82,160)
```
#a03122
```
#a03122 rgb(160,49,34)
```

Split Complementary Color

#52a022
```
#52a022 rgb(82,160,34)
```
#2252a0
```
#2252a0 rgb(34,82,160)
```
#a02252
```
#a02252 rgb(160,34,82)
```

Triadic Color

#22a070
```
#22a070 rgb(34,160,112)
```
#2252a0
```
#2252a0 rgb(34,82,160)
```
#a02252
```
#a02252 rgb(160,34,82)
```
#a07022
```
#a07022 rgb(160,112,34)
```

Tetradic Color

#153261
```
#153261 rgb(21,50,97)
```
#193c76
```
#193c76 rgb(25,60,118)
```
#1e478b
```
#1e478b rgb(30,71,139)
```
#2252a0
```
#2252a0 rgb(34,82,160)
```
#265db5
```
#265db5 rgb(38,93,181)
```
#2b68ca
```
#2b68ca rgb(43,104,202)
```
#3975d5
```
#3975d5 rgb(57,117,213)
```

Monochromatic Color

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

#2272a0
```
#2272a0 rgb(34,114,160)
```
#2267a0
```
#2267a0 rgb(34,103,160)
```
#225da0
```
#225da0 rgb(34,93,160)
```
#2252a0
```
#2252a0 rgb(34,82,160)
```
#2248a0
```
#2248a0 rgb(34,72,160)
```
#223da0
```
#223da0 rgb(34,61,160)
```
#2233a0
```
#2233a0 rgb(34,51,160)
```

Similar Colors

Text with hexadecimal color #2252a0

This text has a font color of #2252a0.

<span style="color:#2252a0;">Text here</span>

#2252a0 background color

This paragraph has a background color of #2252a0.

<p style="background-color:#2252a0;">Content here</p>

#2252a0 border color

This element has a border color of #2252a0.

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

CSS codes

.text {color:#2252a0;}

.background {background-color:#2252a0;}

.border {border:1px solid #2252a0;}

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, #03070e is the darkest color, while #fdfeff is the lightest one.

#03070e
```
#03070e rgb(3,7,14)
```
#06101f
```
#06101f rgb(6,16,31)
```
#0a182f
```
#0a182f rgb(10,24,47)
```
#0d203f
```
#0d203f rgb(13,32,63)
```
#11294f
```
#11294f rgb(17,41,79)
```
#14315f
```
#14315f rgb(20,49,95)
```
#18396f
```
#18396f rgb(24,57,111)
```
#1b4180
```
#1b4180 rgb(27,65,128)
```
#1f4a90
```
#1f4a90 rgb(31,74,144)
```
#2252a0
```
#2252a0 rgb(34,82,160)
```
#255ab0
```
#255ab0 rgb(37,90,176)
```
#2963c0
```
#2963c0 rgb(41,99,192)
```
#2c6bd1
```
#2c6bd1 rgb(44,107,209)
```

Shade Color Variation

#3b76d5
```
#3b76d5 rgb(59,118,213)
```
#4b81d9
```
#4b81d9 rgb(75,129,217)
```
#5b8ddc
```
#5b8ddc rgb(91,141,220)
```
#6c98e0
```
#6c98e0 rgb(108,152,224)
```
#7ca3e3
```
#7ca3e3 rgb(124,163,227)
```
#8caee7
```
#8caee7 rgb(140,174,231)
```
#9cbaea
```
#9cbaea rgb(156,186,234)
```
#acc5ed
```
#acc5ed rgb(172,197,237)
```
#bdd0f1
```
#bdd0f1 rgb(189,208,241)
```
#cddcf4
```
#cddcf4 rgb(205,220,244)
```
#dde7f8
```
#dde7f8 rgb(221,231,248)
```
#edf2fb
```
#edf2fb rgb(237,242,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6064 is the less saturated color, while #044bbe is the most saturated one.

#5e6064
```
#5e6064 rgb(94,96,100)
```
#565e6c
```
#565e6c rgb(86,94,108)
```
#4f5d73
```
#4f5d73 rgb(79,93,115)
```
#475b7b
```
#475b7b rgb(71,91,123)
```
#405982
```
#405982 rgb(64,89,130)
```
#38578a
```
#38578a rgb(56,87,138)
```
#315691
```
#315691 rgb(49,86,145)
```
#295499
```
#295499 rgb(41,84,153)
```
#2252a0
```
#2252a0 rgb(34,82,160)
```
#1b50a7
```
#1b50a7 rgb(27,80,167)
```
#134eaf
```
#134eaf rgb(19,78,175)
```
#0c4db6
```
#0c4db6 rgb(12,77,182)
```
#044bbe
```
#044bbe rgb(4,75,190)
```

Tone Color Variation

Below, you can see how #2252a0 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

#4d4d4d Achromatopsia 0.005% of the population
#444e5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#305aa4 Protanopia 1% of men
#005e9c Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#2b57a2 Protanomaly 1% of men, 0.01% of women
#0c5a9e Deuteranomaly 6% of men, 0.4% of women
#0c5e7f Tritanomaly 0.01% of the population

#2252a0 hex color

#2252a0 Color Information

#2252a0 Color Conversion

Color Schemes with #2252a0

Alternatives to #2252a0

#2252a0 Preview

Shades and Tints of #2252a0

Tones of #2252a0

Color Blindness Simulator