#2258db hex color

In a RGB color space, hex #2258db is composed of 13.3% red, 34.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 59.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 222.5 degrees, a saturation of 73.1% and a lightness of 49.6%. #2258db color hex could be obtained by blending #44b0ff with #0000b7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 35
- B 86
RGB color chart
- C 84
- M 60
- Y 0
- K 14
CMYK color chart

● #2258db color description : Bright blue.

The hexadecimal color #2258db has RGB values of R:34, G:88, B:219 and CMYK values of C:0.84, M:0.6, Y:0, K:0.14. Its decimal value is 2250971.

Hex triplet	2258db	`#2258db`
RGB Decimal	34, 88, 219	`rgb(34,88,219)`
RGB Percent	13.3, 34.5, 85.9	`rgb(13.3%,34.5%,85.9%)`
CMYK	84, 60, 0, 14
HSL	222.5°, 73.1, 49.6	`hsl(222.5,73.1%,49.6%)`
HSV (or HSB)	222.5°, 84.5, 85.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.896, 31.791, -71.57
XYZ	16.933, 12.433, 68.521
xyY	0.173, 0.127, 12.433
CIE-LCH	41.896, 78.313, 293.951
CIE-LUV	41.896, -17.555, -106.068
Hunter-Lab	35.26, 24.016, -90.537
Binary	00100010, 01011000, 11011011

#2258db
```
#2258db rgb(34,88,219)
```
#dba522
```
#dba522 rgb(219,165,34)
```

Complementary Color

#22b5db
```
#22b5db rgb(34,181,219)
```
#2258db
```
#2258db rgb(34,88,219)
```
#4822db
```
#4822db rgb(72,34,219)
```

Analogous Color

#b5db22
```
#b5db22 rgb(181,219,34)
```
#2258db
```
#2258db rgb(34,88,219)
```
#db4822
```
#db4822 rgb(219,72,34)
```

Split Complementary Color

#58db22
```
#58db22 rgb(88,219,34)
```
#2258db
```
#2258db rgb(34,88,219)
```
#db2258
```
#db2258 rgb(219,34,88)
```

Triadic Color

#22dba5
```
#22dba5 rgb(34,219,165)
```
#2258db
```
#2258db rgb(34,88,219)
```
#db2258
```
#db2258 rgb(219,34,88)
```
#dba522
```
#dba522 rgb(219,165,34)
```

Tetradic Color

#183d99
```
#183d99 rgb(24,61,153)
```
#1b46af
```
#1b46af rgb(27,70,175)
```
#1f4fc5
```
#1f4fc5 rgb(31,79,197)
```
#2258db
```
#2258db rgb(34,88,219)
```
#3768e0
```
#3768e0 rgb(55,104,224)
```
#4d79e3
```
#4d79e3 rgb(77,121,227)
```
#6389e7
```
#6389e7 rgb(99,137,231)
```

Monochromatic Color

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

#2286db
```
#2286db rgb(34,134,219)
```
#2277db
```
#2277db rgb(34,119,219)
```
#2267db
```
#2267db rgb(34,103,219)
```
#2258db
```
#2258db rgb(34,88,219)
```
#2249db
```
#2249db rgb(34,73,219)
```
#2239db
```
#2239db rgb(34,57,219)
```
#222adb
```
#222adb rgb(34,42,219)
```

Similar Colors

Text with hexadecimal color #2258db

This text has a font color of #2258db.

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

#2258db background color

This paragraph has a background color of #2258db.

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

#2258db border color

This element has a border color of #2258db.

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

CSS codes

.text {color:#2258db;}

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

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

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

#02060f
```
#02060f rgb(2,6,15)
```
#050d20
```
#050d20 rgb(5,13,32)
```
#081431
```
#081431 rgb(8,20,49)
```
#0a1b42
```
#0a1b42 rgb(10,27,66)
```
#0d2153
```
#0d2153 rgb(13,33,83)
```
#102864
```
#102864 rgb(16,40,100)
```
#122f75
```
#122f75 rgb(18,47,117)
```
#153686
```
#153686 rgb(21,54,134)
```
#173d97
```
#173d97 rgb(23,61,151)
```
#1a44a8
```
#1a44a8 rgb(26,68,168)
```
#1d4ab9
```
#1d4ab9 rgb(29,74,185)
```
#1f51ca
```
#1f51ca rgb(31,81,202)
```
#2258db
```
#2258db rgb(34,88,219)
```

Shade Color Variation

#3264df
```
#3264df rgb(50,100,223)
```
#4271e2
```
#4271e2 rgb(66,113,226)
```
#537ee4
```
#537ee4 rgb(83,126,228)
```
#648be7
```
#648be7 rgb(100,139,231)
```
#7597ea
```
#7597ea rgb(117,151,234)
```
#86a4ec
```
#86a4ec rgb(134,164,236)
```
#97b1ef
```
#97b1ef rgb(151,177,239)
```
#a8bef2
```
#a8bef2 rgb(168,190,242)
```
#b9cbf4
```
#b9cbf4 rgb(185,203,244)
```
#cad7f7
```
#cad7f7 rgb(202,215,247)
```
#dbe4f9
```
#dbe4f9 rgb(219,228,249)
```
#ecf1fc
```
#ecf1fc rgb(236,241,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7c83 is the less saturated color, while #054cf8 is the most saturated one.

#7a7c83
```
#7a7c83 rgb(122,124,131)
```
#70788d
```
#70788d rgb(112,120,141)
```
#667497
```
#667497 rgb(102,116,151)
```
#5c70a1
```
#5c70a1 rgb(92,112,161)
```
#536caa
```
#536caa rgb(83,108,170)
```
#4968b4
```
#4968b4 rgb(73,104,180)
```
#3f64be
```
#3f64be rgb(63,100,190)
```
#3560c8
```
#3560c8 rgb(53,96,200)
```
#2c5cd1
```
#2c5cd1 rgb(44,92,209)
```
#2258db
```
#2258db rgb(34,88,219)
```
#1854e5
```
#1854e5 rgb(24,84,229)
```
#0f50ee
```
#0f50ee rgb(15,80,238)
```
#054cf8
```
#054cf8 rgb(5,76,248)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4c5771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0c62d0 Protanomaly 1% of men, 0.01% of women
#0c65c0 Deuteranomaly 6% of men, 0.4% of women
#0c6a9e Tritanomaly 0.01% of the population

#2258db hex color

#2258db Color Information

#2258db Color Conversion

Color Schemes with #2258db

Alternatives to #2258db

#2258db Preview

Shades and Tints of #2258db

Tones of #2258db

Color Blindness Simulator