#2255b9 hex color

In a RGB color space, hex #2255b9 is composed of 13.3% red, 33.3% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 54.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 219.7 degrees, a saturation of 68.9% and a lightness of 42.9%. #2255b9 color hex could be obtained by blending #44aaff with #000073. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 33
- B 73
RGB color chart
- C 82
- M 54
- Y 0
- K 27
CMYK color chart

● #2255b9 color description : Strong blue.

The hexadecimal color #2255b9 has RGB values of R:34, G:85, B:185 and CMYK values of C:0.82, M:0.54, Y:0, K:0.27. Its decimal value is 2250169.

Hex triplet	2255b9	`#2255b9`
RGB Decimal	34, 85, 185	`rgb(34,85,185)`
RGB Percent	13.3, 33.3, 72.5	`rgb(13.3%,33.3%,72.5%)`
CMYK	82, 54, 0, 27
HSL	219.7°, 68.9, 42.9	`hsl(219.7,68.9%,42.9%)`
HSV (or HSB)	219.7°, 81.6, 72.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.444, 20.699, -57.522
XYZ	12.663, 10.339, 47.224
xyY	0.18, 0.147, 10.339
CIE-LCH	38.444, 61.133, 289.791
CIE-LUV	38.444, -17.061, -83.768
Hunter-Lab	32.154, 14.029, -64.571
Binary	00100010, 01010101, 10111001

#2255b9
```
#2255b9 rgb(34,85,185)
```
#b98622
```
#b98622 rgb(185,134,34)
```

Complementary Color

#22a1b9
```
#22a1b9 rgb(34,161,185)
```
#2255b9
```
#2255b9 rgb(34,85,185)
```
#3b22b9
```
#3b22b9 rgb(59,34,185)
```

Analogous Color

#a1b922
```
#a1b922 rgb(161,185,34)
```
#2255b9
```
#2255b9 rgb(34,85,185)
```
#b93b22
```
#b93b22 rgb(185,59,34)
```

Split Complementary Color

#55b922
```
#55b922 rgb(85,185,34)
```
#2255b9
```
#2255b9 rgb(34,85,185)
```
#b92255
```
#b92255 rgb(185,34,85)
```

Triadic Color

#22b986
```
#22b986 rgb(34,185,134)
```
#2255b9
```
#2255b9 rgb(34,85,185)
```
#b92255
```
#b92255 rgb(185,34,85)
```
#b98622
```
#b98622 rgb(185,134,34)
```

Tetradic Color

#163778
```
#163778 rgb(22,55,120)
```
#1a418e
```
#1a418e rgb(26,65,142)
```
#1e4ba3
```
#1e4ba3 rgb(30,75,163)
```
#2255b9
```
#2255b9 rgb(34,85,185)
```
#265fcf
```
#265fcf rgb(38,95,207)
```
#346cda
```
#346cda rgb(52,108,218)
```
#4a7cde
```
#4a7cde rgb(74,124,222)
```

Monochromatic Color

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

#227bb9
```
#227bb9 rgb(34,123,185)
```
#226eb9
```
#226eb9 rgb(34,110,185)
```
#2262b9
```
#2262b9 rgb(34,98,185)
```
#2255b9
```
#2255b9 rgb(34,85,185)
```
#2248b9
```
#2248b9 rgb(34,72,185)
```
#223cb9
```
#223cb9 rgb(34,60,185)
```
#222fb9
```
#222fb9 rgb(34,47,185)
```

Similar Colors

Text with hexadecimal color #2255b9

This text has a font color of #2255b9.

<span style="color:#2255b9;">Text here</span>

#2255b9 background color

This paragraph has a background color of #2255b9.

<p style="background-color:#2255b9;">Content here</p>

#2255b9 border color

This element has a border color of #2255b9.

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

CSS codes

.text {color:#2255b9;}

.background {background-color:#2255b9;}

.border {border:1px solid #2255b9;}

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

#010103
```
#010103 rgb(1,1,3)
```
#040913
```
#040913 rgb(4,9,19)
```
#071024
```
#071024 rgb(7,16,36)
```
#0a1834
```
#0a1834 rgb(10,24,52)
```
#0d2045
```
#0d2045 rgb(13,32,69)
```
#102756
```
#102756 rgb(16,39,86)
```
#132f66
```
#132f66 rgb(19,47,102)
```
#163777
```
#163777 rgb(22,55,119)
```
#193e87
```
#193e87 rgb(25,62,135)
```
#1c4698
```
#1c4698 rgb(28,70,152)
```
#1f4da8
```
#1f4da8 rgb(31,77,168)
```
#2255b9
```
#2255b9 rgb(34,85,185)
```
#255dca
```
#255dca rgb(37,93,202)
```

Shade Color Variation

#2a65d8
```
#2a65d8 rgb(42,101,216)
```
#3b71db
```
#3b71db rgb(59,113,219)
```
#4b7dde
```
#4b7dde rgb(75,125,222)
```
#5c89e1
```
#5c89e1 rgb(92,137,225)
```
#6d95e4
```
#6d95e4 rgb(109,149,228)
```
#7da1e7
```
#7da1e7 rgb(125,161,231)
```
#8eadea
```
#8eadea rgb(142,173,234)
```
#9eb9ed
```
#9eb9ed rgb(158,185,237)
```
#afc5f0
```
#afc5f0 rgb(175,197,240)
```
#bfd1f3
```
#bfd1f3 rgb(191,209,243)
```
#d0ddf6
```
#d0ddf6 rgb(208,221,246)
```
#e1e9f9
```
#e1e9f9 rgb(225,233,249)
```
#f1f5fc
```
#f1f5fc rgb(241,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656b76 is the less saturated color, while #004adb is the most saturated one.

#656b76
```
#656b76 rgb(101,107,118)
```
#5d687e
```
#5d687e rgb(93,104,126)
```
#556586
```
#556586 rgb(85,101,134)
```
#4c638f
```
#4c638f rgb(76,99,143)
```
#446097
```
#446097 rgb(68,96,151)
```
#3b5da0
```
#3b5da0 rgb(59,93,160)
```
#335aa8
```
#335aa8 rgb(51,90,168)
```
#2a58b1
```
#2a58b1 rgb(42,88,177)
```
#2255b9
```
#2255b9 rgb(34,85,185)
```
#1a52c1
```
#1a52c1 rgb(26,82,193)
```
#1150ca
```
#1150ca rgb(17,80,202)
```
#094dd2
```
#094dd2 rgb(9,77,210)
```
#004adb
```
#004adb rgb(0,74,219)
```

Tone Color Variation

Below, you can see how #2255b9 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

#515151 Achromatopsia 0.005% of the population
#485266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbc Protanopia 1% of men
#0065a5 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#0c5bbb Protanomaly 1% of men, 0.01% of women
#0c5fac Deuteranomaly 6% of men, 0.4% of women
#0c648c Tritanomaly 0.01% of the population

#2255b9 hex color

#2255b9 Color Information

#2255b9 Color Conversion

Color Schemes with #2255b9

Alternatives to #2255b9

#2255b9 Preview

Shades and Tints of #2255b9

Tones of #2255b9

Color Blindness Simulator