#2248a2 hex color

In a RGB color space, hex #2248a2 is composed of 13.3% red, 28.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 55.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 222.2 degrees, a saturation of 65.3% and a lightness of 38.4%. #2248a2 color hex could be obtained by blending #4490ff with #000045. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 28
- B 64
RGB color chart
- C 79
- M 56
- Y 0
- K 36
CMYK color chart

● #2248a2 color description : Dark blue.

The hexadecimal color #2248a2 has RGB values of R:34, G:72, B:162 and CMYK values of C:0.79, M:0.56, Y:0, K:0.36. Its decimal value is 2246818.

Hex triplet	2248a2	`#2248a2`
RGB Decimal	34, 72, 162	`rgb(34,72,162)`
RGB Percent	13.3, 28.2, 63.5	`rgb(13.3%,28.2%,63.5%)`
CMYK	79, 56, 0, 36
HSL	222.2°, 65.3, 38.4	`hsl(222.2,65.3%,38.4%)`
HSV (or HSB)	222.2°, 79, 63.5
Web Safe	333399	`#333399`

CIE-LAB	33.098, 20.388, -52.539
XYZ	9.497, 7.583, 35.144
xyY	0.182, 0.145, 7.583
CIE-LCH	33.098, 56.356, 291.209
CIE-LUV	33.098, -13.644, -73.101
Hunter-Lab	27.537, 13.374, -56.392
Binary	00100010, 01001000, 10100010

#2248a2
```
#2248a2 rgb(34,72,162)
```
#a27c22
```
#a27c22 rgb(162,124,34)
```

Complementary Color

#2288a2
```
#2288a2 rgb(34,136,162)
```
#2248a2
```
#2248a2 rgb(34,72,162)
```
#3c22a2
```
#3c22a2 rgb(60,34,162)
```

Analogous Color

#88a222
```
#88a222 rgb(136,162,34)
```
#2248a2
```
#2248a2 rgb(34,72,162)
```
#a23c22
```
#a23c22 rgb(162,60,34)
```

Split Complementary Color

#48a222
```
#48a222 rgb(72,162,34)
```
#2248a2
```
#2248a2 rgb(34,72,162)
```
#a22248
```
#a22248 rgb(162,34,72)
```

Triadic Color

#22a27c
```
#22a27c rgb(34,162,124)
```
#2248a2
```
#2248a2 rgb(34,72,162)
```
#a22248
```
#a22248 rgb(162,34,72)
```
#a27c22
```
#a27c22 rgb(162,124,34)
```

Tetradic Color

#152c63
```
#152c63 rgb(21,44,99)
```
#193578
```
#193578 rgb(25,53,120)
```
#1e3f8d
```
#1e3f8d rgb(30,63,141)
```
#2248a2
```
#2248a2 rgb(34,72,162)
```
#2651b7
```
#2651b7 rgb(38,81,183)
```
#2b5bcc
```
#2b5bcc rgb(43,91,204)
```
#3b69d6
```
#3b69d6 rgb(59,105,214)
```

Monochromatic Color

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

#2268a2
```
#2268a2 rgb(34,104,162)
```
#225da2
```
#225da2 rgb(34,93,162)
```
#2253a2
```
#2253a2 rgb(34,83,162)
```
#2248a2
```
#2248a2 rgb(34,72,162)
```
#223da2
```
#223da2 rgb(34,61,162)
```
#2233a2
```
#2233a2 rgb(34,51,162)
```
#2228a2
```
#2228a2 rgb(34,40,162)
```

Similar Colors

Text with hexadecimal color #2248a2

This text has a font color of #2248a2.

<span style="color:#2248a2;">Text here</span>

#2248a2 background color

This paragraph has a background color of #2248a2.

<p style="background-color:#2248a2;">Content here</p>

#2248a2 border color

This element has a border color of #2248a2.

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

CSS codes

.text {color:#2248a2;}

.background {background-color:#2248a2;}

.border {border:1px solid #2248a2;}

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

#030710
```
#030710 rgb(3,7,16)
```
#070e20
```
#070e20 rgb(7,14,32)
```
#0a1631
```
#0a1631 rgb(10,22,49)
```
#0e1d41
```
#0e1d41 rgb(14,29,65)
```
#112451
```
#112451 rgb(17,36,81)
```
#142b61
```
#142b61 rgb(20,43,97)
```
#183271
```
#183271 rgb(24,50,113)
```
#1b3a82
```
#1b3a82 rgb(27,58,130)
```
#1f4192
```
#1f4192 rgb(31,65,146)
```
#2248a2
```
#2248a2 rgb(34,72,162)
```
#254fb2
```
#254fb2 rgb(37,79,178)
```
#2956c2
```
#2956c2 rgb(41,86,194)
```
#2c5ed3
```
#2c5ed3 rgb(44,94,211)
```

Shade Color Variation

#3c6ad6
```
#3c6ad6 rgb(60,106,214)
```
#4d76da
```
#4d76da rgb(77,118,218)
```
#5d83dd
```
#5d83dd rgb(93,131,221)
```
#6d8fe0
```
#6d8fe0 rgb(109,143,224)
```
#7d9ce4
```
#7d9ce4 rgb(125,156,228)
```
#8da8e7
```
#8da8e7 rgb(141,168,231)
```
#9eb4eb
```
#9eb4eb rgb(158,180,235)
```
#aec1ee
```
#aec1ee rgb(174,193,238)
```
#becdf1
```
#becdf1 rgb(190,205,241)
```
#cedaf5
```
#cedaf5 rgb(206,218,245)
```
#dee6f8
```
#dee6f8 rgb(222,230,248)
```
#eff2fc
```
#eff2fc rgb(239,242,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5e6166
```
#5e6166 rgb(94,97,102)
```
#575d6d
```
#575d6d rgb(87,93,109)
```
#4f5a75
```
#4f5a75 rgb(79,90,117)
```
#48577c
```
#48577c rgb(72,87,124)
```
#405484
```
#405484 rgb(64,84,132)
```
#39518b
```
#39518b rgb(57,81,139)
```
#314e93
```
#314e93 rgb(49,78,147)
```
#2a4b9a
```
#2a4b9a rgb(42,75,154)
```
#2248a2
```
#2248a2 rgb(34,72,162)
```
#1a45aa
```
#1a45aa rgb(26,69,170)
```
#1342b1
```
#1342b1 rgb(19,66,177)
```
#0b3fb9
```
#0b3fb9 rgb(11,63,185)
```
#043cc0
```
#043cc0 rgb(4,60,192)
```

Tone Color Variation

Below, you can see how #2248a2 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

#474747 Achromatopsia 0.005% of the population
#404759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005991 Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#0c4fa4 Protanomaly 1% of men, 0.01% of women
#0c5297 Deuteranomaly 6% of men, 0.4% of women
#0c577b Tritanomaly 0.01% of the population

#2248a2 hex color

#2248a2 Color Information

#2248a2 Color Conversion

Color Schemes with #2248a2

Alternatives to #2248a2

#2248a2 Preview

Shades and Tints of #2248a2

Tones of #2248a2

Color Blindness Simulator