#2145bd hex color

In a RGB color space, hex #2145bd is composed of 12.9% red, 27.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 63.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 226.2 degrees, a saturation of 70.3% and a lightness of 43.5%. #2145bd color hex could be obtained by blending #428aff with #00007b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 27
- B 74
RGB color chart
- C 83
- M 63
- Y 0
- K 26
CMYK color chart

● #2145bd color description : Strong blue.

The hexadecimal color #2145bd has RGB values of R:33, G:69, B:189 and CMYK values of C:0.83, M:0.63, Y:0, K:0.26. Its decimal value is 2180541.

Hex triplet	2145bd	`#2145bd`
RGB Decimal	33, 69, 189	`rgb(33,69,189)`
RGB Percent	12.9, 27.1, 74.1	`rgb(12.9%,27.1%,74.1%)`
CMYK	83, 63, 0, 26
HSL	226.2°, 70.3, 43.5	`hsl(226.2,70.3%,43.5%)`
HSV (or HSB)	226.2°, 82.5, 74.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.504, 32.716, -66.298
XYZ	11.939, 8.253, 49.105
xyY	0.172, 0.119, 8.253
CIE-LCH	34.504, 73.931, 296.265
CIE-LUV	34.504, -13.063, -92.367
Hunter-Lab	28.728, 23.908, -81.237
Binary	00100001, 01000101, 10111101

#2145bd
```
#2145bd rgb(33,69,189)
```
#bd9921
```
#bd9921 rgb(189,153,33)
```

Complementary Color

#2193bd
```
#2193bd rgb(33,147,189)
```
#2145bd
```
#2145bd rgb(33,69,189)
```
#4b21bd
```
#4b21bd rgb(75,33,189)
```

Analogous Color

#93bd21
```
#93bd21 rgb(147,189,33)
```
#2145bd
```
#2145bd rgb(33,69,189)
```
#bd4b21
```
#bd4b21 rgb(189,75,33)
```

Split Complementary Color

#45bd21
```
#45bd21 rgb(69,189,33)
```
#2145bd
```
#2145bd rgb(33,69,189)
```
#bd2145
```
#bd2145 rgb(189,33,69)
```

Triadic Color

#21bd99
```
#21bd99 rgb(33,189,153)
```
#2145bd
```
#2145bd rgb(33,69,189)
```
#bd2145
```
#bd2145 rgb(189,33,69)
```
#bd9921
```
#bd9921 rgb(189,153,33)
```

Tetradic Color

#162d7c
```
#162d7c rgb(22,45,124)
```
#193592
```
#193592 rgb(25,53,146)
```
#1d3da7
```
#1d3da7 rgb(29,61,167)
```
#2145bd
```
#2145bd rgb(33,69,189)
```
#254dd3
```
#254dd3 rgb(37,77,211)
```
#355cdc
```
#355cdc rgb(53,92,220)
```
#4b6de0
```
#4b6de0 rgb(75,109,224)
```

Monochromatic Color

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

#216cbd
```
#216cbd rgb(33,108,189)
```
#215fbd
```
#215fbd rgb(33,95,189)
```
#2152bd
```
#2152bd rgb(33,82,189)
```
#2145bd
```
#2145bd rgb(33,69,189)
```
#2138bd
```
#2138bd rgb(33,56,189)
```
#212bbd
```
#212bbd rgb(33,43,189)
```
#2421bd
```
#2421bd rgb(36,33,189)
```

Similar Colors

Text with hexadecimal color #2145bd

This text has a font color of #2145bd.

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

#2145bd background color

This paragraph has a background color of #2145bd.

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

#2145bd border color

This element has a border color of #2145bd.

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

CSS codes

.text {color:#2145bd;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040816
```
#040816 rgb(4,8,22)
```
#070e27
```
#070e27 rgb(7,14,39)
```
#0a1437
```
#0a1437 rgb(10,20,55)
```
#0d1a48
```
#0d1a48 rgb(13,26,72)
```
#102059
```
#102059 rgb(16,32,89)
```
#12276a
```
#12276a rgb(18,39,106)
```
#152d7a
```
#152d7a rgb(21,45,122)
```
#18338b
```
#18338b rgb(24,51,139)
```
#1b399c
```
#1b399c rgb(27,57,156)
```
#1e3fac
```
#1e3fac rgb(30,63,172)
```
#2145bd
```
#2145bd rgb(33,69,189)
```
#244bce
```
#244bce rgb(36,75,206)
```

Shade Color Variation

#2b54da
```
#2b54da rgb(43,84,218)
```
#3c61dd
```
#3c61dd rgb(60,97,221)
```
#4d6fe0
```
#4d6fe0 rgb(77,111,224)
```
#5d7ce3
```
#5d7ce3 rgb(93,124,227)
```
#6e8ae6
```
#6e8ae6 rgb(110,138,230)
```
#7f97e9
```
#7f97e9 rgb(127,151,233)
```
#8fa5ec
```
#8fa5ec rgb(143,165,236)
```
#a0b2ee
```
#a0b2ee rgb(160,178,238)
```
#b1c0f1
```
#b1c0f1 rgb(177,192,241)
```
#c2cdf4
```
#c2cdf4 rgb(194,205,244)
```
#d2dbf7
```
#d2dbf7 rgb(210,219,247)
```
#e3e8fa
```
#e3e8fa rgb(227,232,250)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6e70 is the less saturated color, while #0737d7 is the most saturated one.

#6e6e70
```
#6e6e70 rgb(110,110,112)
```
#656a79
```
#656a79 rgb(101,106,121)
```
#5d6581
```
#5d6581 rgb(93,101,129)
```
#54618a
```
#54618a rgb(84,97,138)
```
#4c5c92
```
#4c5c92 rgb(76,92,146)
```
#43579b
```
#43579b rgb(67,87,155)
```
#3b53a3
```
#3b53a3 rgb(59,83,163)
```
#324eac
```
#324eac rgb(50,78,172)
```
#2a4ab4
```
#2a4ab4 rgb(42,74,180)
```
#2145bd
```
#2145bd rgb(33,69,189)
```
#1840c6
```
#1840c6 rgb(24,64,198)
```
#103cce
```
#103cce rgb(16,60,206)
```
#0737d7
```
#0737d7 rgb(7,55,215)
```

Tone Color Variation

Below, you can see how #2145bd 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
#40475f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0c50b1 Protanomaly 1% of men, 0.01% of women
#0c53a3 Deuteranomaly 6% of men, 0.4% of women
#0c5887 Tritanomaly 0.01% of the population

#2145bd hex color

#2145bd Color Information

#2145bd Color Conversion

Color Schemes with #2145bd

Alternatives to #2145bd

#2145bd Preview

Shades and Tints of #2145bd

Tones of #2145bd

Color Blindness Simulator