#2253b0 hex color

In a RGB color space, hex #2253b0 is composed of 13.3% red, 32.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 52.8% magenta, 0% yellow and 31% black. It has a hue angle of 219.3 degrees, a saturation of 67.6% and a lightness of 41.2%. #2253b0 color hex could be obtained by blending #44a6ff with #000061. Closest websafe color is: #336699.

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

● #2253b0 color description : Dark blue.

The hexadecimal color #2253b0 has RGB values of R:34, G:83, B:176 and CMYK values of C:0.81, M:0.53, Y:0, K:0.31. Its decimal value is 2249648.

Hex triplet	2253b0	`#2253b0`
RGB Decimal	34, 83, 176	`rgb(34,83,176)`
RGB Percent	13.3, 32.5, 69	`rgb(13.3%,32.5%,69%)`
CMYK	81, 53, 0, 31
HSL	219.3°, 67.6, 41.2	`hsl(219.3,67.6%,41.2%)`
HSV (or HSB)	219.3°, 80.7, 69
Web Safe	336699	`#336699`

CIE-LAB	37.226, 18.505, -54.195
XYZ	11.588, 9.66, 42.326
xyY	0.182, 0.152, 9.66
CIE-LCH	37.226, 57.268, 288.853
CIE-LUV	37.226, -16.612, -78.217
Hunter-Lab	31.081, 12.157, -58.984
Binary	00100010, 01010011, 10110000

#2253b0
```
#2253b0 rgb(34,83,176)
```
#b07f22
```
#b07f22 rgb(176,127,34)
```

Complementary Color

#229ab0
```
#229ab0 rgb(34,154,176)
```
#2253b0
```
#2253b0 rgb(34,83,176)
```
#3822b0
```
#3822b0 rgb(56,34,176)
```

Analogous Color

#9ab022
```
#9ab022 rgb(154,176,34)
```
#2253b0
```
#2253b0 rgb(34,83,176)
```
#b03822
```
#b03822 rgb(176,56,34)
```

Split Complementary Color

#53b022
```
#53b022 rgb(83,176,34)
```
#2253b0
```
#2253b0 rgb(34,83,176)
```
#b02253
```
#b02253 rgb(176,34,83)
```

Triadic Color

#22b07f
```
#22b07f rgb(34,176,127)
```
#2253b0
```
#2253b0 rgb(34,83,176)
```
#b02253
```
#b02253 rgb(176,34,83)
```
#b07f22
```
#b07f22 rgb(176,127,34)
```

Tetradic Color

#163570
```
#163570 rgb(22,53,112)
```
#1a3f85
```
#1a3f85 rgb(26,63,133)
```
#1e499b
```
#1e499b rgb(30,73,155)
```
#2253b0
```
#2253b0 rgb(34,83,176)
```
#265dc5
```
#265dc5 rgb(38,93,197)
```
#2e68d7
```
#2e68d7 rgb(46,104,215)
```
#4478db
```
#4478db rgb(68,120,219)
```

Monochromatic Color

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

#2277b0
```
#2277b0 rgb(34,119,176)
```
#226bb0
```
#226bb0 rgb(34,107,176)
```
#225fb0
```
#225fb0 rgb(34,95,176)
```
#2253b0
```
#2253b0 rgb(34,83,176)
```
#2247b0
```
#2247b0 rgb(34,71,176)
```
#223bb0
```
#223bb0 rgb(34,59,176)
```
#2230b0
```
#2230b0 rgb(34,48,176)
```

Similar Colors

Text with hexadecimal color #2253b0

This text has a font color of #2253b0.

<span style="color:#2253b0;">Text here</span>

#2253b0 background color

This paragraph has a background color of #2253b0.

<p style="background-color:#2253b0;">Content here</p>

#2253b0 border color

This element has a border color of #2253b0.

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

CSS codes

.text {color:#2253b0;}

.background {background-color:#2253b0;}

.border {border:1px solid #2253b0;}

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, #02050c is the darkest color, while #fafcfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#050d1c
```
#050d1c rgb(5,13,28)
```
#09152c
```
#09152c rgb(9,21,44)
```
#0c1d3d
```
#0c1d3d rgb(12,29,61)
```
#0f244d
```
#0f244d rgb(15,36,77)
```
#122c5e
```
#122c5e rgb(18,44,94)
```
#15346e
```
#15346e rgb(21,52,110)
```
#183c7f
```
#183c7f rgb(24,60,127)
```
#1c438f
```
#1c438f rgb(28,67,143)
```
#1f4ba0
```
#1f4ba0 rgb(31,75,160)
```
#2253b0
```
#2253b0 rgb(34,83,176)
```
#255bc0
```
#255bc0 rgb(37,91,192)
```
#2863d1
```
#2863d1 rgb(40,99,209)
```

Shade Color Variation

#356dd8
```
#356dd8 rgb(53,109,216)
```
#4579db
```
#4579db rgb(69,121,219)
```
#5685de
```
#5685de rgb(86,133,222)
```
#6691e1
```
#6691e1 rgb(102,145,225)
```
#779de5
```
#779de5 rgb(119,157,229)
```
#87a8e8
```
#87a8e8 rgb(135,168,232)
```
#98b4eb
```
#98b4eb rgb(152,180,235)
```
#a8c0ee
```
#a8c0ee rgb(168,192,238)
```
#b8ccf1
```
#b8ccf1 rgb(184,204,241)
```
#c9d8f5
```
#c9d8f5 rgb(201,216,245)
```
#d9e4f8
```
#d9e4f8 rgb(217,228,248)
```
#eaf0fb
```
#eaf0fb rgb(234,240,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63676f is the less saturated color, while #0249d0 is the most saturated one.

#63676f
```
#63676f rgb(99,103,111)
```
#5b6577
```
#5b6577 rgb(91,101,119)
```
#526280
```
#526280 rgb(82,98,128)
```
#4a6088
```
#4a6088 rgb(74,96,136)
```
#425d90
```
#425d90 rgb(66,93,144)
```
#3a5b98
```
#3a5b98 rgb(58,91,152)
```
#3258a0
```
#3258a0 rgb(50,88,160)
```
#2a56a8
```
#2a56a8 rgb(42,86,168)
```
#2253b0
```
#2253b0 rgb(34,83,176)
```
#1a50b8
```
#1a50b8 rgb(26,80,184)
```
#124ec0
```
#124ec0 rgb(18,78,192)
```
#0a4bc8
```
#0a4bc8 rgb(10,75,200)
```
#0249d0
```
#0249d0 rgb(2,73,208)
```

Tone Color Variation

Below, you can see how #2253b0 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

#4f4f4f Achromatopsia 0.005% of the population
#465062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#165db5 Protanopia 1% of men
#0062a0 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#1a59b3 Protanomaly 1% of men, 0.01% of women
#0c5ca6 Deuteranomaly 6% of men, 0.4% of women
#0c6187 Tritanomaly 0.01% of the population

#2253b0 hex color

#2253b0 Color Information

#2253b0 Color Conversion

Color Schemes with #2253b0

Alternatives to #2253b0

#2253b0 Preview

Shades and Tints of #2253b0

Tones of #2253b0

Color Blindness Simulator