#2258a1 hex color

In a RGB color space, hex #2258a1 is composed of 13.3% red, 34.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 45.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 214.5 degrees, a saturation of 65.1% and a lightness of 38.2%. #2258a1 color hex could be obtained by blending #44b0ff with #000043. Closest websafe color is: #336699.

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

● #2258a1 color description : Dark blue.

The hexadecimal color #2258a1 has RGB values of R:34, G:88, B:161 and CMYK values of C:0.79, M:0.45, Y:0, K:0.37. Its decimal value is 2250913.

Hex triplet	2258a1	`#2258a1`
RGB Decimal	34, 88, 161	`rgb(34,88,161)`
RGB Percent	13.3, 34.5, 63.1	`rgb(13.3%,34.5%,63.1%)`
CMYK	79, 45, 0, 37
HSL	214.5°, 65.1, 38.2	`hsl(214.5,65.1%,38.2%)`
HSV (or HSB)	214.5°, 78.9, 63.1
Web Safe	336699	`#336699`

CIE-LAB	37.648, 9.288, -44.596
XYZ	10.581, 9.892, 35.068
xyY	0.191, 0.178, 9.892
CIE-LCH	37.648, 45.553, 281.765
CIE-LUV	37.648, -18.412, -64.271
Hunter-Lab	31.451, 5.012, -44.092
Binary	00100010, 01011000, 10100001

#2258a1
```
#2258a1 rgb(34,88,161)
```
#a16b22
```
#a16b22 rgb(161,107,34)
```

Complementary Color

#2298a1
```
#2298a1 rgb(34,152,161)
```
#2258a1
```
#2258a1 rgb(34,88,161)
```
#2c22a1
```
#2c22a1 rgb(44,34,161)
```

Analogous Color

#98a122
```
#98a122 rgb(152,161,34)
```
#2258a1
```
#2258a1 rgb(34,88,161)
```
#a12c22
```
#a12c22 rgb(161,44,34)
```

Split Complementary Color

#58a122
```
#58a122 rgb(88,161,34)
```
#2258a1
```
#2258a1 rgb(34,88,161)
```
#a12258
```
#a12258 rgb(161,34,88)
```

Triadic Color

#22a16b
```
#22a16b rgb(34,161,107)
```
#2258a1
```
#2258a1 rgb(34,88,161)
```
#a12258
```
#a12258 rgb(161,34,88)
```
#a16b22
```
#a16b22 rgb(161,107,34)
```

Tetradic Color

#153562
```
#153562 rgb(21,53,98)
```
#194177
```
#194177 rgb(25,65,119)
```
#1e4c8c
```
#1e4c8c rgb(30,76,140)
```
#2258a1
```
#2258a1 rgb(34,88,161)
```
#2664b6
```
#2664b6 rgb(38,100,182)
```
#2b6fcb
```
#2b6fcb rgb(43,111,203)
```
#3a7cd5
```
#3a7cd5 rgb(58,124,213)
```

Monochromatic Color

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

#2278a1
```
#2278a1 rgb(34,120,161)
```
#226da1
```
#226da1 rgb(34,109,161)
```
#2263a1
```
#2263a1 rgb(34,99,161)
```
#2258a1
```
#2258a1 rgb(34,88,161)
```
#224da1
```
#224da1 rgb(34,77,161)
```
#2243a1
```
#2243a1 rgb(34,67,161)
```
#2238a1
```
#2238a1 rgb(34,56,161)
```

Similar Colors

Text with hexadecimal color #2258a1

This text has a font color of #2258a1.

<span style="color:#2258a1;">Text here</span>

#2258a1 background color

This paragraph has a background color of #2258a1.

<p style="background-color:#2258a1;">Content here</p>

#2258a1 border color

This element has a border color of #2258a1.

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

CSS codes

.text {color:#2258a1;}

.background {background-color:#2258a1;}

.border {border:1px solid #2258a1;}

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, #03080f is the darkest color, while #fefeff is the lightest one.

#03080f
```
#03080f rgb(3,8,15)
```
#07111f
```
#07111f rgb(7,17,31)
```
#0a1a30
```
#0a1a30 rgb(10,26,48)
```
#0d2340
```
#0d2340 rgb(13,35,64)
```
#112c50
```
#112c50 rgb(17,44,80)
```
#143560
```
#143560 rgb(20,53,96)
```
#183d70
```
#183d70 rgb(24,61,112)
```
#1b4681
```
#1b4681 rgb(27,70,129)
```
#1f4f91
```
#1f4f91 rgb(31,79,145)
```
#2258a1
```
#2258a1 rgb(34,88,161)
```
#2561b1
```
#2561b1 rgb(37,97,177)
```
#296ac1
```
#296ac1 rgb(41,106,193)
```
#2c73d2
```
#2c73d2 rgb(44,115,210)
```

Shade Color Variation

#3c7dd6
```
#3c7dd6 rgb(60,125,214)
```
#4c88d9
```
#4c88d9 rgb(76,136,217)
```
#5c93dd
```
#5c93dd rgb(92,147,221)
```
#6c9de0
```
#6c9de0 rgb(108,157,224)
```
#7ca8e3
```
#7ca8e3 rgb(124,168,227)
```
#8db3e7
```
#8db3e7 rgb(141,179,231)
```
#9dbeea
```
#9dbeea rgb(157,190,234)
```
#adc9ee
```
#adc9ee rgb(173,201,238)
```
#bdd3f1
```
#bdd3f1 rgb(189,211,241)
```
#cddef5
```
#cddef5 rgb(205,222,245)
```
#dee9f8
```
#dee9f8 rgb(222,233,248)
```
#eef4fb
```
#eef4fb rgb(238,244,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5e6165
```
#5e6165 rgb(94,97,101)
```
#57606d
```
#57606d rgb(87,96,109)
```
#4f5f74
```
#4f5f74 rgb(79,95,116)
```
#485e7c
```
#485e7c rgb(72,94,124)
```
#405c83
```
#405c83 rgb(64,92,131)
```
#395b8b
```
#395b8b rgb(57,91,139)
```
#315a92
```
#315a92 rgb(49,90,146)
```
#2a599a
```
#2a599a rgb(42,89,154)
```
#2258a1
```
#2258a1 rgb(34,88,161)
```
#1b57a9
```
#1b57a9 rgb(27,87,169)
```
#1356b0
```
#1356b0 rgb(19,86,176)
```
#0c55b8
```
#0c55b8 rgb(12,85,184)
```
#0454bf
```
#0454bf rgb(4,84,191)
```

Tone Color Variation

Below, you can see how #2258a1 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

#505050 Achromatopsia 0.005% of the population
#475260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5fa4 Protanopia 1% of men
#0662a4 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#335ca3 Protanomaly 1% of men, 0.01% of women
#105ea3 Deuteranomaly 6% of men, 0.4% of women
#0c6382 Tritanomaly 0.01% of the population

#2258a1 hex color

#2258a1 Color Information

#2258a1 Color Conversion

Color Schemes with #2258a1

Alternatives to #2258a1

#2258a1 Preview

Shades and Tints of #2258a1

Tones of #2258a1

Color Blindness Simulator