#2258d1 hex color

In a RGB color space, hex #2258d1 is composed of 13.3% red, 34.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 57.9% magenta, 0% yellow and 18% black. It has a hue angle of 221.5 degrees, a saturation of 72% and a lightness of 47.6%. #2258d1 color hex could be obtained by blending #44b0ff with #0000a3. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 35
- B 82
RGB color chart
- C 84
- M 58
- Y 0
- K 18
CMYK color chart

● #2258d1 color description : Strong blue.

The hexadecimal color #2258d1 has RGB values of R:34, G:88, B:209 and CMYK values of C:0.84, M:0.58, Y:0, K:0.18. Its decimal value is 2250961.

Hex triplet	2258d1	`#2258d1`
RGB Decimal	34, 88, 209	`rgb(34,88,209)`
RGB Percent	13.3, 34.5, 82	`rgb(13.3%,34.5%,82%)`
CMYK	84, 58, 0, 18
HSL	221.5°, 72, 47.6	`hsl(221.5,72%,47.6%)`
HSV (or HSB)	221.5°, 83.7, 82
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.091, 27.998, -67.153
XYZ	15.656, 11.922, 61.794
xyY	0.175, 0.133, 11.922
CIE-LCH	41.091, 72.756, 292.632
CIE-LUV	41.091, -17.62, -99.294
Hunter-Lab	34.528, 20.511, -81.941
Binary	00100010, 01011000, 11010001

#2258d1
```
#2258d1 rgb(34,88,209)
```
#d19b22
```
#d19b22 rgb(209,155,34)
```

Complementary Color

#22b0d1
```
#22b0d1 rgb(34,176,209)
```
#2258d1
```
#2258d1 rgb(34,88,209)
```
#4422d1
```
#4422d1 rgb(68,34,209)
```

Analogous Color

#b0d122
```
#b0d122 rgb(176,209,34)
```
#2258d1
```
#2258d1 rgb(34,88,209)
```
#d14422
```
#d14422 rgb(209,68,34)
```

Split Complementary Color

#58d122
```
#58d122 rgb(88,209,34)
```
#2258d1
```
#2258d1 rgb(34,88,209)
```
#d12258
```
#d12258 rgb(209,34,88)
```

Triadic Color

#22d19b
```
#22d19b rgb(34,209,155)
```
#2258d1
```
#2258d1 rgb(34,88,209)
```
#d12258
```
#d12258 rgb(209,34,88)
```
#d19b22
```
#d19b22 rgb(209,155,34)
```

Tetradic Color

#173c8f
```
#173c8f rgb(23,60,143)
```
#1b46a5
```
#1b46a5 rgb(27,70,165)
```
#1e4fbb
```
#1e4fbb rgb(30,79,187)
```
#2258d1
```
#2258d1 rgb(34,88,209)
```
#2f65dd
```
#2f65dd rgb(47,101,221)
```
#4575e1
```
#4575e1 rgb(69,117,225)
```
#5b85e4
```
#5b85e4 rgb(91,133,228)
```

Monochromatic Color

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

#2284d1
```
#2284d1 rgb(34,132,209)
```
#2275d1
```
#2275d1 rgb(34,117,209)
```
#2267d1
```
#2267d1 rgb(34,103,209)
```
#2258d1
```
#2258d1 rgb(34,88,209)
```
#2249d1
```
#2249d1 rgb(34,73,209)
```
#223bd1
```
#223bd1 rgb(34,59,209)
```
#222cd1
```
#222cd1 rgb(34,44,209)
```

Similar Colors

Text with hexadecimal color #2258d1

This text has a font color of #2258d1.

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

#2258d1 background color

This paragraph has a background color of #2258d1.

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

#2258d1 border color

This element has a border color of #2258d1.

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

CSS codes

.text {color:#2258d1;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#040a17
```
#040a17 rgb(4,10,23)
```
#071128
```
#071128 rgb(7,17,40)
```
#091839
```
#091839 rgb(9,24,57)
```
#0c1f4a
```
#0c1f4a rgb(12,31,74)
```
#0f265b
```
#0f265b rgb(15,38,91)
```
#122d6c
```
#122d6c rgb(18,45,108)
```
#14347d
```
#14347d rgb(20,52,125)
```
#173c8e
```
#173c8e rgb(23,60,142)
```
#1a439e
```
#1a439e rgb(26,67,158)
```
#1d4aaf
```
#1d4aaf rgb(29,74,175)
```
#1f51c0
```
#1f51c0 rgb(31,81,192)
```
#2258d1
```
#2258d1 rgb(34,88,209)
```

Shade Color Variation

#2a61dc
```
#2a61dc rgb(42,97,220)
```
#3b6edf
```
#3b6edf rgb(59,110,223)
```
#4c7ae2
```
#4c7ae2 rgb(76,122,226)
```
#5d87e5
```
#5d87e5 rgb(93,135,229)
```
#6e93e7
```
#6e93e7 rgb(110,147,231)
```
#7fa0ea
```
#7fa0ea rgb(127,160,234)
```
#8faced
```
#8faced rgb(143,172,237)
```
#a0b9f0
```
#a0b9f0 rgb(160,185,240)
```
#b1c5f2
```
#b1c5f2 rgb(177,197,242)
```
#c2d2f5
```
#c2d2f5 rgb(194,210,245)
```
#d3def8
```
#d3def8 rgb(211,222,248)
```
#e4ebfb
```
#e4ebfb rgb(228,235,251)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76787d is the less saturated color, while #064ded is the most saturated one.

#76787d
```
#76787d rgb(118,120,125)
```
#6d7586
```
#6d7586 rgb(109,117,134)
```
#637190
```
#637190 rgb(99,113,144)
```
#5a6d99
```
#5a6d99 rgb(90,109,153)
```
#516aa2
```
#516aa2 rgb(81,106,162)
```
#4766ac
```
#4766ac rgb(71,102,172)
```
#3e63b5
```
#3e63b5 rgb(62,99,181)
```
#355fbe
```
#355fbe rgb(53,95,190)
```
#2b5cc8
```
#2b5cc8 rgb(43,92,200)
```
#2258d1
```
#2258d1 rgb(34,88,209)
```
#1954da
```
#1954da rgb(25,84,218)
```
#0f51e4
```
#0f51e4 rgb(15,81,228)
```
#064ded
```
#064ded rgb(6,77,237)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4c566f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c7 Protanopia 1% of men
#006bae Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0c60ca Protanomaly 1% of men, 0.01% of women
#0c64ba Deuteranomaly 6% of men, 0.4% of women
#0c6999 Tritanomaly 0.01% of the population

#2258d1 hex color

#2258d1 Color Information

#2258d1 Color Conversion

Color Schemes with #2258d1

Alternatives to #2258d1

#2258d1 Preview

Shades and Tints of #2258d1

Tones of #2258d1

Color Blindness Simulator