#1564bd hex color

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

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

● #1564bd color description : Strong blue.

The hexadecimal color #1564bd has RGB values of R:21, G:100, B:189 and CMYK values of C:0.89, M:0.47, Y:0, K:0.26. Its decimal value is 1402045.

Hex triplet	1564bd	`#1564bd`
RGB Decimal	21, 100, 189	`rgb(21,100,189)`
RGB Percent	8.2, 39.2, 74.1	`rgb(8.2%,39.2%,74.1%)`
CMYK	89, 47, 0, 26
HSL	211.8°, 80, 41.2	`hsl(211.8,80%,41.2%)`
HSV (or HSB)	211.8°, 88.9, 74.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.683, 11.427, -53.02
XYZ	14.05, 12.947, 49.9
xyY	0.183, 0.168, 12.947
CIE-LCH	42.683, 54.237, 282.163
CIE-LUV	42.683, -22.66, -79.245
Hunter-Lab	35.981, 6.731, -57.037
Binary	00010101, 01100100, 10111101

#1564bd
```
#1564bd rgb(21,100,189)
```
#bd6e15
```
#bd6e15 rgb(189,110,21)
```

Complementary Color

#15b8bd
```
#15b8bd rgb(21,184,189)
```
#1564bd
```
#1564bd rgb(21,100,189)
```
#1a15bd
```
#1a15bd rgb(26,21,189)
```

Analogous Color

#b8bd15
```
#b8bd15 rgb(184,189,21)
```
#1564bd
```
#1564bd rgb(21,100,189)
```
#bd1a15
```
#bd1a15 rgb(189,26,21)
```

Split Complementary Color

#64bd15
```
#64bd15 rgb(100,189,21)
```
#1564bd
```
#1564bd rgb(21,100,189)
```
#bd1564
```
#bd1564 rgb(189,21,100)
```

Triadic Color

#15bd6e
```
#15bd6e rgb(21,189,110)
```
#1564bd
```
#1564bd rgb(21,100,189)
```
#bd1564
```
#bd1564 rgb(189,21,100)
```
#bd6e15
```
#bd6e15 rgb(189,110,21)
```

Tetradic Color

#0d4078
```
#0d4078 rgb(13,64,120)
```
#104c8f
```
#104c8f rgb(16,76,143)
```
#1258a6
```
#1258a6 rgb(18,88,166)
```
#1564bd
```
#1564bd rgb(21,100,189)
```
#1870d4
```
#1870d4 rgb(24,112,212)
```
#1f7de6
```
#1f7de6 rgb(31,125,230)
```
#368ae9
```
#368ae9 rgb(54,138,233)
```

Monochromatic Color

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

#158ebd
```
#158ebd rgb(21,142,189)
```
#1580bd
```
#1580bd rgb(21,128,189)
```
#1572bd
```
#1572bd rgb(21,114,189)
```
#1564bd
```
#1564bd rgb(21,100,189)
```
#1556bd
```
#1556bd rgb(21,86,189)
```
#1548bd
```
#1548bd rgb(21,72,189)
```
#153abd
```
#153abd rgb(21,58,189)
```

Similar Colors

Text with hexadecimal color #1564bd

This text has a font color of #1564bd.

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

#1564bd background color

This paragraph has a background color of #1564bd.

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

#1564bd border color

This element has a border color of #1564bd.

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

CSS codes

.text {color:#1564bd;}

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

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

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

#01070c
```
#01070c rgb(1,7,12)
```
#03101e
```
#03101e rgb(3,16,30)
```
#051930
```
#051930 rgb(5,25,48)
```
#072341
```
#072341 rgb(7,35,65)
```
#092c53
```
#092c53 rgb(9,44,83)
```
#0b3565
```
#0b3565 rgb(11,53,101)
```
#0d3f76
```
#0d3f76 rgb(13,63,118)
```
#0f4888
```
#0f4888 rgb(15,72,136)
```
#11519a
```
#11519a rgb(17,81,154)
```
#135bab
```
#135bab rgb(19,91,171)
```
#1564bd
```
#1564bd rgb(21,100,189)
```
#176dcf
```
#176dcf rgb(23,109,207)
```
#1977e0
```
#1977e0 rgb(25,119,224)
```

Shade Color Variation

#2681e7
```
#2681e7 rgb(38,129,231)
```
#388be9
```
#388be9 rgb(56,139,233)
```
#4995eb
```
#4995eb rgb(73,149,235)
```
#5ba0ed
```
#5ba0ed rgb(91,160,237)
```
#6daaef
```
#6daaef rgb(109,170,239)
```
#7eb4f1
```
#7eb4f1 rgb(126,180,241)
```
#90bef3
```
#90bef3 rgb(144,190,243)
```
#a2c9f5
```
#a2c9f5 rgb(162,201,245)
```
#b3d3f7
```
#b3d3f7 rgb(179,211,247)
```
#c5ddf9
```
#c5ddf9 rgb(197,221,249)
```
#d7e7fb
```
#d7e7fb rgb(215,231,251)
```
#e8f2fc
```
#e8f2fc rgb(232,242,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 #0563cd is the most saturated one.

#66696c
```
#66696c rgb(102,105,108)
```
#5e6874
```
#5e6874 rgb(94,104,116)
```
#56687c
```
#56687c rgb(86,104,124)
```
#4e6784
```
#4e6784 rgb(78,103,132)
```
#45678d
```
#45678d rgb(69,103,141)
```
#3d6695
```
#3d6695 rgb(61,102,149)
```
#35669d
```
#35669d rgb(53,102,157)
```
#2d65a5
```
#2d65a5 rgb(45,101,165)
```
#2565ad
```
#2565ad rgb(37,101,173)
```
#1d64b5
```
#1d64b5 rgb(29,100,181)
```
#1564bd
```
#1564bd rgb(21,100,189)
```
#0d64c5
```
#0d64c5 rgb(13,100,197)
```
#0563cd
```
#0563cd rgb(5,99,205)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4a5a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b6abe Protanopia 1% of men
#006eb7 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#2d67be Protanomaly 1% of men, 0.01% of women
#076ab9 Deuteranomaly 6% of men, 0.4% of women
#077095 Tritanomaly 0.01% of the population

#1564bd hex color

#1564bd Color Information

#1564bd Color Conversion

Color Schemes with #1564bd

Alternatives to #1564bd

#1564bd Preview

Shades and Tints of #1564bd

Tones of #1564bd

Color Blindness Simulator