#2245b8 hex color

In a RGB color space, hex #2245b8 is composed of 13.3% red, 27.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 62.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 226 degrees, a saturation of 68.8% and a lightness of 42.7%. #2245b8 color hex could be obtained by blending #448aff with #000071. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 27
- B 72
RGB color chart
- C 82
- M 63
- Y 0
- K 28
CMYK color chart

● #2245b8 color description : Strong blue.

The hexadecimal color #2245b8 has RGB values of R:34, G:69, B:184 and CMYK values of C:0.82, M:0.63, Y:0, K:0.28. Its decimal value is 2246072.

Hex triplet	2245b8	`#2245b8`
RGB Decimal	34, 69, 184	`rgb(34,69,184)`
RGB Percent	13.3, 27.1, 72.2	`rgb(13.3%,27.1%,72.2%)`
CMYK	82, 63, 0, 28
HSL	226°, 68.8, 42.7	`hsl(226,68.8%,42.7%)`
HSV (or HSB)	226°, 81.5, 72.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.1, 30.906, -64.014
XYZ	11.438, 8.056, 46.297
xyY	0.174, 0.122, 8.056
CIE-LCH	34.1, 71.084, 295.771
CIE-LUV	34.1, -12.91, -89.083
Hunter-Lab	28.383, 22.26, -76.841
Binary	00100010, 01000101, 10111000

#2245b8
```
#2245b8 rgb(34,69,184)
```
#b89522
```
#b89522 rgb(184,149,34)
```

Complementary Color

#2290b8
```
#2290b8 rgb(34,144,184)
```
#2245b8
```
#2245b8 rgb(34,69,184)
```
#4a22b8
```
#4a22b8 rgb(74,34,184)
```

Analogous Color

#90b822
```
#90b822 rgb(144,184,34)
```
#2245b8
```
#2245b8 rgb(34,69,184)
```
#b84a22
```
#b84a22 rgb(184,74,34)
```

Split Complementary Color

#45b822
```
#45b822 rgb(69,184,34)
```
#2245b8
```
#2245b8 rgb(34,69,184)
```
#b82245
```
#b82245 rgb(184,34,69)
```

Triadic Color

#22b895
```
#22b895 rgb(34,184,149)
```
#2245b8
```
#2245b8 rgb(34,69,184)
```
#b82245
```
#b82245 rgb(184,34,69)
```
#b89522
```
#b89522 rgb(184,149,34)
```

Tetradic Color

#162d77
```
#162d77 rgb(22,45,119)
```
#1a358d
```
#1a358d rgb(26,53,141)
```
#1e3da2
```
#1e3da2 rgb(30,61,162)
```
#2245b8
```
#2245b8 rgb(34,69,184)
```
#264dce
```
#264dce rgb(38,77,206)
```
#345ad9
```
#345ad9 rgb(52,90,217)
```
#496cdd
```
#496cdd rgb(73,108,221)
```

Monochromatic Color

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

#226bb8
```
#226bb8 rgb(34,107,184)
```
#225eb8
```
#225eb8 rgb(34,94,184)
```
#2252b8
```
#2252b8 rgb(34,82,184)
```
#2245b8
```
#2245b8 rgb(34,69,184)
```
#2238b8
```
#2238b8 rgb(34,56,184)
```
#222cb8
```
#222cb8 rgb(34,44,184)
```
#2522b8
```
#2522b8 rgb(37,34,184)
```

Similar Colors

Text with hexadecimal color #2245b8

This text has a font color of #2245b8.

<span style="color:#2245b8;">Text here</span>

#2245b8 background color

This paragraph has a background color of #2245b8.

<p style="background-color:#2245b8;">Content here</p>

#2245b8 border color

This element has a border color of #2245b8.

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

CSS codes

.text {color:#2245b8;}

.background {background-color:#2245b8;}

.border {border:1px solid #2245b8;}

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

#000102
```
#000102 rgb(0,1,2)
```
#030712
```
#030712 rgb(3,7,18)
```
#060d23
```
#060d23 rgb(6,13,35)
```
#0a1334
```
#0a1334 rgb(10,19,52)
```
#0d1a44
```
#0d1a44 rgb(13,26,68)
```
#102055
```
#102055 rgb(16,32,85)
```
#132665
```
#132665 rgb(19,38,101)
```
#162c76
```
#162c76 rgb(22,44,118)
```
#193286
```
#193286 rgb(25,50,134)
```
#1c3997
```
#1c3997 rgb(28,57,151)
```
#1f3fa7
```
#1f3fa7 rgb(31,63,167)
```
#2245b8
```
#2245b8 rgb(34,69,184)
```
#254bc9
```
#254bc9 rgb(37,75,201)
```

Shade Color Variation

#2a52d8
```
#2a52d8 rgb(42,82,216)
```
#3a60db
```
#3a60db rgb(58,96,219)
```
#4b6dde
```
#4b6dde rgb(75,109,222)
```
#5b7ae1
```
#5b7ae1 rgb(91,122,225)
```
#6c88e4
```
#6c88e4 rgb(108,136,228)
```
#7c95e7
```
#7c95e7 rgb(124,149,231)
```
#8da3ea
```
#8da3ea rgb(141,163,234)
```
#9eb0ed
```
#9eb0ed rgb(158,176,237)
```
#aebdf0
```
#aebdf0 rgb(174,189,240)
```
#bfcbf3
```
#bfcbf3 rgb(191,203,243)
```
#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#e0e6f9
```
#e0e6f9 rgb(224,230,249)
```
#f0f3fc
```
#f0f3fc rgb(240,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656975 is the less saturated color, while #0033da is the most saturated one.

#656975
```
#656975 rgb(101,105,117)
```
#5d647d
```
#5d647d rgb(93,100,125)
```
#546086
```
#546086 rgb(84,96,134)
```
#4c5b8e
```
#4c5b8e rgb(76,91,142)
```
#445796
```
#445796 rgb(68,87,150)
```
#3b529f
```
#3b529f rgb(59,82,159)
```
#334ea7
```
#334ea7 rgb(51,78,167)
```
#2a49b0
```
#2a49b0 rgb(42,73,176)
```
#2245b8
```
#2245b8 rgb(34,69,184)
```
#1a41c0
```
#1a41c0 rgb(26,65,192)
```
#113cc9
```
#113cc9 rgb(17,60,201)
```
#0938d1
```
#0938d1 rgb(9,56,209)
```
#0033da
```
#0033da rgb(0,51,218)
```

Tone Color Variation

Below, you can see how #2245b8 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

#484848 Achromatopsia 0.005% of the population
#40475e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a9 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#0c50ae Protanomaly 1% of men, 0.01% of women
#0c53a0 Deuteranomaly 6% of men, 0.4% of women
#0c5784 Tritanomaly 0.01% of the population

#2245b8 hex color

#2245b8 Color Information

#2245b8 Color Conversion

Color Schemes with #2245b8

Alternatives to #2245b8

#2245b8 Preview

Shades and Tints of #2245b8

Tones of #2245b8

Color Blindness Simulator