#2245b7 hex color

In a RGB color space, hex #2245b7 is composed of 13.3% red, 27.1% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 62.3% magenta, 0% yellow and 28.2% black. It has a hue angle of 225.9 degrees, a saturation of 68.7% and a lightness of 42.5%. #2245b7 color hex could be obtained by blending #448aff with #00006f. Closest websafe color is: #3333cc.

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

● #2245b7 color description : Strong blue.

The hexadecimal color #2245b7 has RGB values of R:34, G:69, B:183 and CMYK values of C:0.81, M:0.62, Y:0, K:0.28. Its decimal value is 2246071.

Hex triplet	2245b7	`#2245b7`
RGB Decimal	34, 69, 183	`rgb(34,69,183)`
RGB Percent	13.3, 27.1, 71.8	`rgb(13.3%,27.1%,71.8%)`
CMYK	81, 62, 0, 28
HSL	225.9°, 68.7, 42.5	`hsl(225.9,68.7%,42.5%)`
HSV (or HSB)	225.9°, 81.4, 71.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.013, 30.526, -63.566
XYZ	11.333, 8.014, 45.747
xyY	0.174, 0.123, 8.014
CIE-LCH	34.013, 70.516, 295.652
CIE-LUV	34.013, -12.904, -88.428
Hunter-Lab	28.31, 21.917, -75.992
Binary	00100010, 01000101, 10110111

#2245b7
```
#2245b7 rgb(34,69,183)
```
#b79422
```
#b79422 rgb(183,148,34)
```

Complementary Color

#2290b7
```
#2290b7 rgb(34,144,183)
```
#2245b7
```
#2245b7 rgb(34,69,183)
```
#4a22b7
```
#4a22b7 rgb(74,34,183)
```

Analogous Color

#90b722
```
#90b722 rgb(144,183,34)
```
#2245b7
```
#2245b7 rgb(34,69,183)
```
#b74a22
```
#b74a22 rgb(183,74,34)
```

Split Complementary Color

#45b722
```
#45b722 rgb(69,183,34)
```
#2245b7
```
#2245b7 rgb(34,69,183)
```
#b72245
```
#b72245 rgb(183,34,69)
```

Triadic Color

#22b794
```
#22b794 rgb(34,183,148)
```
#2245b7
```
#2245b7 rgb(34,69,183)
```
#b72245
```
#b72245 rgb(183,34,69)
```
#b79422
```
#b79422 rgb(183,148,34)
```

Tetradic Color

#162d76
```
#162d76 rgb(22,45,118)
```
#1a358c
```
#1a358c rgb(26,53,140)
```
#1e3da1
```
#1e3da1 rgb(30,61,161)
```
#2245b7
```
#2245b7 rgb(34,69,183)
```
#264dcd
```
#264dcd rgb(38,77,205)
```
#335ad9
```
#335ad9 rgb(51,90,217)
```
#486bdd
```
#486bdd rgb(72,107,221)
```

Monochromatic Color

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

#226ab7
```
#226ab7 rgb(34,106,183)
```
#225eb7
```
#225eb7 rgb(34,94,183)
```
#2251b7
```
#2251b7 rgb(34,81,183)
```
#2245b7
```
#2245b7 rgb(34,69,183)
```
#2239b7
```
#2239b7 rgb(34,57,183)
```
#222cb7
```
#222cb7 rgb(34,44,183)
```
#2422b7
```
#2422b7 rgb(36,34,183)
```

Similar Colors

Text with hexadecimal color #2245b7

This text has a font color of #2245b7.

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

#2245b7 background color

This paragraph has a background color of #2245b7.

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

#2245b7 border color

This element has a border color of #2245b7.

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

CSS codes

.text {color:#2245b7;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030712
```
#030712 rgb(3,7,18)
```
#060d22
```
#060d22 rgb(6,13,34)
```
#091333
```
#091333 rgb(9,19,51)
```
#0c1943
```
#0c1943 rgb(12,25,67)
```
#102054
```
#102054 rgb(16,32,84)
```
#132664
```
#132664 rgb(19,38,100)
```
#162c75
```
#162c75 rgb(22,44,117)
```
#193285
```
#193285 rgb(25,50,133)
```
#1c3996
```
#1c3996 rgb(28,57,150)
```
#1f3fa6
```
#1f3fa6 rgb(31,63,166)
```
#2245b7
```
#2245b7 rgb(34,69,183)
```
#254bc8
```
#254bc8 rgb(37,75,200)
```

Shade Color Variation

#2952d7
```
#2952d7 rgb(41,82,215)
```
#3a5fda
```
#3a5fda rgb(58,95,218)
```
#4a6ddd
```
#4a6ddd rgb(74,109,221)
```
#5b7ae0
```
#5b7ae0 rgb(91,122,224)
```
#6b87e4
```
#6b87e4 rgb(107,135,228)
```
#7c95e7
```
#7c95e7 rgb(124,149,231)
```
#8ca2ea
```
#8ca2ea rgb(140,162,234)
```
#9db0ed
```
#9db0ed rgb(157,176,237)
```
#adbdf0
```
#adbdf0 rgb(173,189,240)
```
#becaf3
```
#becaf3 rgb(190,202,243)
```
#ced8f6
```
#ced8f6 rgb(206,216,246)
```
#dfe5f9
```
#dfe5f9 rgb(223,229,249)
```
#eff2fc
```
#eff2fc rgb(239,242,252)
```

Tint Color Variation

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

#656874
```
#656874 rgb(101,104,116)
```
#5c647d
```
#5c647d rgb(92,100,125)
```
#546085
```
#546085 rgb(84,96,133)
```
#4c5b8d
```
#4c5b8d rgb(76,91,141)
```
#435796
```
#435796 rgb(67,87,150)
```
#3b529e
```
#3b529e rgb(59,82,158)
```
#334ea6
```
#334ea6 rgb(51,78,166)
```
#2a49af
```
#2a49af rgb(42,73,175)
```
#2245b7
```
#2245b7 rgb(34,69,183)
```
#1a41bf
```
#1a41bf rgb(26,65,191)
```
#113cc8
```
#113cc8 rgb(17,60,200)
```
#0938d0
```
#0938d0 rgb(9,56,208)
```
#0133d8
```
#0133d8 rgb(1,51,216)
```

Tone Color Variation

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

#0056a8 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

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

#2245b7 hex color

#2245b7 Color Information

#2245b7 Color Conversion

Color Schemes with #2245b7

Alternatives to #2245b7

#2245b7 Preview

Shades and Tints of #2245b7

Tones of #2245b7

Color Blindness Simulator