#2145b8 hex color

In a RGB color space, hex #2145b8 is composed of 12.9% red, 27.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 62.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 225.7 degrees, a saturation of 69.6% and a lightness of 42.5%. #2145b8 color hex could be obtained by blending #428aff 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

● #2145b8 color description : Strong blue.

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

Hex triplet	2145b8	`#2145b8`
RGB Decimal	33, 69, 184	`rgb(33,69,184)`
RGB Percent	12.9, 27.1, 72.2	`rgb(12.9%,27.1%,72.2%)`
CMYK	82, 63, 0, 28
HSL	225.7°, 69.6, 42.5	`hsl(225.7,69.6%,42.5%)`
HSV (or HSB)	225.7°, 82.1, 72.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.065, 30.822, -64.073
XYZ	11.405, 8.039, 46.295
xyY	0.173, 0.122, 8.039
CIE-LCH	34.065, 71.1, 295.689
CIE-LUV	34.065, -13.03, -89.113
Hunter-Lab	28.354, 22.182, -76.959
Binary	00100001, 01000101, 10111000

#2145b8
```
#2145b8 rgb(33,69,184)
```
#b89421
```
#b89421 rgb(184,148,33)
```

Complementary Color

#2191b8
```
#2191b8 rgb(33,145,184)
```
#2145b8
```
#2145b8 rgb(33,69,184)
```
#4821b8
```
#4821b8 rgb(72,33,184)
```

Analogous Color

#91b821
```
#91b821 rgb(145,184,33)
```
#2145b8
```
#2145b8 rgb(33,69,184)
```
#b84821
```
#b84821 rgb(184,72,33)
```

Split Complementary Color

#45b821
```
#45b821 rgb(69,184,33)
```
#2145b8
```
#2145b8 rgb(33,69,184)
```
#b82145
```
#b82145 rgb(184,33,69)
```

Triadic Color

#21b894
```
#21b894 rgb(33,184,148)
```
#2145b8
```
#2145b8 rgb(33,69,184)
```
#b82145
```
#b82145 rgb(184,33,69)
```
#b89421
```
#b89421 rgb(184,148,33)
```

Tetradic Color

#152d77
```
#152d77 rgb(21,45,119)
```
#19358d
```
#19358d rgb(25,53,141)
```
#1d3da2
```
#1d3da2 rgb(29,61,162)
```
#2145b8
```
#2145b8 rgb(33,69,184)
```
#254dce
```
#254dce rgb(37,77,206)
```
#325ada
```
#325ada rgb(50,90,218)
```
#476bde
```
#476bde rgb(71,107,222)
```

Monochromatic Color

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

#216bb8
```
#216bb8 rgb(33,107,184)
```
#215eb8
```
#215eb8 rgb(33,94,184)
```
#2152b8
```
#2152b8 rgb(33,82,184)
```
#2145b8
```
#2145b8 rgb(33,69,184)
```
#2138b8
```
#2138b8 rgb(33,56,184)
```
#212cb8
```
#212cb8 rgb(33,44,184)
```
#2321b8
```
#2321b8 rgb(35,33,184)
```

Similar Colors

Text with hexadecimal color #2145b8

This text has a font color of #2145b8.

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

#2145b8 background color

This paragraph has a background color of #2145b8.

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

#2145b8 border color

This element has a border color of #2145b8.

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

CSS codes

.text {color:#2145b8;}

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

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

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)
```
#0c1944
```
#0c1944 rgb(12,25,68)
```
#0f2054
```
#0f2054 rgb(15,32,84)
```
#122665
```
#122665 rgb(18,38,101)
```
#152c75
```
#152c75 rgb(21,44,117)
```
#183286
```
#183286 rgb(24,50,134)
```
#1b3997
```
#1b3997 rgb(27,57,151)
```
#1e3fa7
```
#1e3fa7 rgb(30,63,167)
```
#2145b8
```
#2145b8 rgb(33,69,184)
```
#244bc9
```
#244bc9 rgb(36,75,201)
```

Shade Color Variation

#2852d8
```
#2852d8 rgb(40,82,216)
```
#385fdb
```
#385fdb rgb(56,95,219)
```
#496dde
```
#496dde rgb(73,109,222)
```
#5a7ae1
```
#5a7ae1 rgb(90,122,225)
```
#6a87e4
```
#6a87e4 rgb(106,135,228)
```
#7b95e7
```
#7b95e7 rgb(123,149,231)
```
#8ca2ea
```
#8ca2ea rgb(140,162,234)
```
#9cb0ed
```
#9cb0ed rgb(156,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, #6c6c6d is the less saturated color, while #0838d1 is the most saturated one.

#6c6c6d
```
#6c6c6d rgb(108,108,109)
```
#646875
```
#646875 rgb(100,104,117)
```
#5b647e
```
#5b647e rgb(91,100,126)
```
#535f86
```
#535f86 rgb(83,95,134)
```
#4b5b8e
```
#4b5b8e rgb(75,91,142)
```
#425697
```
#425697 rgb(66,86,151)
```
#3a529f
```
#3a529f rgb(58,82,159)
```
#324ea7
```
#324ea7 rgb(50,78,167)
```
#2949b0
```
#2949b0 rgb(41,73,176)
```
#2145b8
```
#2145b8 rgb(33,69,184)
```
#1941c0
```
#1941c0 rgb(25,65,192)
```
#103cc9
```
#103cc9 rgb(16,60,201)
```
#0838d1
```
#0838d1 rgb(8,56,209)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3f475e 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

#2145b8 hex color

#2145b8 Color Information

#2145b8 Color Conversion

Color Schemes with #2145b8

Alternatives to #2145b8

#2145b8 Preview

Shades and Tints of #2145b8

Tones of #2145b8

Color Blindness Simulator