#1575bd hex color

In a RGB color space, hex #1575bd is composed of 8.2% red, 45.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 38.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 205.7 degrees, a saturation of 80% and a lightness of 41.2%. #1575bd color hex could be obtained by blending #2aeaff with #00007b. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 46
- B 74
RGB color chart
- C 89
- M 38
- Y 0
- K 26
CMYK color chart

● #1575bd color description : Strong blue.

The hexadecimal color #1575bd has RGB values of R:21, G:117, B:189 and CMYK values of C:0.89, M:0.38, Y:0, K:0.26. Its decimal value is 1406397.

Hex triplet	1575bd	`#1575bd`
RGB Decimal	21, 117, 189	`rgb(21,117,189)`
RGB Percent	8.2, 45.9, 74.1	`rgb(8.2%,45.9%,74.1%)`
CMYK	89, 38, 0, 26
HSL	205.7°, 80, 41.2	`hsl(205.7,80%,41.2%)`
HSV (or HSB)	205.7°, 88.9, 74.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.694, 0.69, -44.997
XYZ	15.854, 16.555, 50.501
xyY	0.191, 0.2, 16.555
CIE-LCH	47.694, 45.002, 270.878
CIE-LUV	47.694, -28.076, -68.143
Hunter-Lab	40.687, -1.651, -45.109
Binary	00010101, 01110101, 10111101

#1575bd
```
#1575bd rgb(21,117,189)
```
#bd5d15
```
#bd5d15 rgb(189,93,21)
```

Complementary Color

#15bdb1
```
#15bdb1 rgb(21,189,177)
```
#1575bd
```
#1575bd rgb(21,117,189)
```
#1521bd
```
#1521bd rgb(21,33,189)
```

Analogous Color

#bdb115
```
#bdb115 rgb(189,177,21)
```
#1575bd
```
#1575bd rgb(21,117,189)
```
#bd1521
```
#bd1521 rgb(189,21,33)
```

Split Complementary Color

#75bd15
```
#75bd15 rgb(117,189,21)
```
#1575bd
```
#1575bd rgb(21,117,189)
```
#bd1575
```
#bd1575 rgb(189,21,117)
```

Triadic Color

#15bd5d
```
#15bd5d rgb(21,189,93)
```
#1575bd
```
#1575bd rgb(21,117,189)
```
#bd1575
```
#bd1575 rgb(189,21,117)
```
#bd5d15
```
#bd5d15 rgb(189,93,21)
```

Tetradic Color

#0d4a78
```
#0d4a78 rgb(13,74,120)
```
#10598f
```
#10598f rgb(16,89,143)
```
#1267a6
```
#1267a6 rgb(18,103,166)
```
#1575bd
```
#1575bd rgb(21,117,189)
```
#1883d4
```
#1883d4 rgb(24,131,212)
```
#1f91e6
```
#1f91e6 rgb(31,145,230)
```
#369ce9
```
#369ce9 rgb(54,156,233)
```

Monochromatic Color

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

#159fbd
```
#159fbd rgb(21,159,189)
```
#1591bd
```
#1591bd rgb(21,145,189)
```
#1583bd
```
#1583bd rgb(21,131,189)
```
#1575bd
```
#1575bd rgb(21,117,189)
```
#1567bd
```
#1567bd rgb(21,103,189)
```
#1559bd
```
#1559bd rgb(21,89,189)
```
#154bbd
```
#154bbd rgb(21,75,189)
```

Similar Colors

Text with hexadecimal color #1575bd

This text has a font color of #1575bd.

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

#1575bd background color

This paragraph has a background color of #1575bd.

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

#1575bd border color

This element has a border color of #1575bd.

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

CSS codes

.text {color:#1575bd;}

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

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

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, #01080c is the darkest color, while #fafcfe is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#03131e
```
#03131e rgb(3,19,30)
```
#051e30
```
#051e30 rgb(5,30,48)
```
#072941
```
#072941 rgb(7,41,65)
```
#093353
```
#093353 rgb(9,51,83)
```
#0b3e65
```
#0b3e65 rgb(11,62,101)
```
#0d4976
```
#0d4976 rgb(13,73,118)
```
#0f5488
```
#0f5488 rgb(15,84,136)
```
#115f9a
```
#115f9a rgb(17,95,154)
```
#136aab
```
#136aab rgb(19,106,171)
```
#1575bd
```
#1575bd rgb(21,117,189)
```
#1780cf
```
#1780cf rgb(23,128,207)
```
#198be0
```
#198be0 rgb(25,139,224)
```

Shade Color Variation

#2694e7
```
#2694e7 rgb(38,148,231)
```
#389de9
```
#389de9 rgb(56,157,233)
```
#49a6eb
```
#49a6eb rgb(73,166,235)
```
#5baeed
```
#5baeed rgb(91,174,237)
```
#6db7ef
```
#6db7ef rgb(109,183,239)
```
#7ec0f1
```
#7ec0f1 rgb(126,192,241)
```
#90c8f3
```
#90c8f3 rgb(144,200,243)
```
#a2d1f5
```
#a2d1f5 rgb(162,209,245)
```
#b3daf7
```
#b3daf7 rgb(179,218,247)
```
#c5e2f9
```
#c5e2f9 rgb(197,226,249)
```
#d7ebfb
```
#d7ebfb rgb(215,235,251)
```
#e8f4fc
```
#e8f4fc rgb(232,244,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66696c is the less saturated color, while #0577cd is the most saturated one.

#66696c
```
#66696c rgb(102,105,108)
```
#5e6b74
```
#5e6b74 rgb(94,107,116)
```
#566c7c
```
#566c7c rgb(86,108,124)
```
#4e6d84
```
#4e6d84 rgb(78,109,132)
```
#456e8d
```
#456e8d rgb(69,110,141)
```
#3d6f95
```
#3d6f95 rgb(61,111,149)
```
#35709d
```
#35709d rgb(53,112,157)
```
#2d72a5
```
#2d72a5 rgb(45,114,165)
```
#2573ad
```
#2573ad rgb(37,115,173)
```
#1d74b5
```
#1d74b5 rgb(29,116,181)
```
#1575bd
```
#1575bd rgb(21,117,189)
```
#0d76c5
```
#0d76c5 rgb(13,118,197)
```
#0577cd
```
#0577cd rgb(5,119,205)
```

Tone Color Variation

Below, you can see how #1575bd 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

#616161 Achromatopsia 0.005% of the population
#526573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a76bb Protanopia 1% of men
#3f79c1 Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#4175bc Protanomaly 1% of men, 0.01% of women
#2f77bf Deuteranomaly 6% of men, 0.4% of women
#077e9e Tritanomaly 0.01% of the population

#1575bd hex color

#1575bd Color Information

#1575bd Color Conversion

Color Schemes with #1575bd

Alternatives to #1575bd

#1575bd Preview

Shades and Tints of #1575bd

Tones of #1575bd

Color Blindness Simulator