#1584bc hex color

In a RGB color space, hex #1584bc is composed of 8.2% red, 51.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 29.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 200.1 degrees, a saturation of 79.9% and a lightness of 41%. #1584bc color hex could be obtained by blending #2affff with #000979. Closest websafe color is: #0099cc.

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

● #1584bc color description : Strong blue.

The hexadecimal color #1584bc has RGB values of R:21, G:132, B:188 and CMYK values of C:0.89, M:0.3, Y:0, K:0.26. Its decimal value is 1410236.

Hex triplet	1584bc	`#1584bc`
RGB Decimal	21, 132, 188	`rgb(21,132,188)`
RGB Percent	8.2, 51.8, 73.7	`rgb(8.2%,51.8%,73.7%)`
CMYK	89, 30, 0, 26
HSL	200.1°, 79.9, 41	`hsl(200.1,79.9%,41%)`
HSV (or HSB)	200.1°, 88.8, 73.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.165, -8.634, -37.35
XYZ	17.635, 20.291, 50.561
xyY	0.199, 0.229, 20.291
CIE-LCH	52.165, 38.335, 256.984
CIE-LUV	52.165, -33.175, -56.154
Hunter-Lab	45.046, -8.947, -35.018
Binary	00010101, 10000100, 10111100

#1584bc
```
#1584bc rgb(21,132,188)
```
#bc4d15
```
#bc4d15 rgb(188,77,21)
```

Complementary Color

#15bca1
```
#15bca1 rgb(21,188,161)
```
#1584bc
```
#1584bc rgb(21,132,188)
```
#1531bc
```
#1531bc rgb(21,49,188)
```

Analogous Color

#bca115
```
#bca115 rgb(188,161,21)
```
#1584bc
```
#1584bc rgb(21,132,188)
```
#bc1531
```
#bc1531 rgb(188,21,49)
```

Split Complementary Color

#84bc15
```
#84bc15 rgb(132,188,21)
```
#1584bc
```
#1584bc rgb(21,132,188)
```
#bc1584
```
#bc1584 rgb(188,21,132)
```

Triadic Color

#15bc4d
```
#15bc4d rgb(21,188,77)
```
#1584bc
```
#1584bc rgb(21,132,188)
```
#bc1584
```
#bc1584 rgb(188,21,132)
```
#bc4d15
```
#bc4d15 rgb(188,77,21)
```

Tetradic Color

#0d5477
```
#0d5477 rgb(13,84,119)
```
#10648e
```
#10648e rgb(16,100,142)
```
#1274a5
```
#1274a5 rgb(18,116,165)
```
#1584bc
```
#1584bc rgb(21,132,188)
```
#1894d3
```
#1894d3 rgb(24,148,211)
```
#1ea3e6
```
#1ea3e6 rgb(30,163,230)
```
#35ace8
```
#35ace8 rgb(53,172,232)
```

Monochromatic Color

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

#15aebc
```
#15aebc rgb(21,174,188)
```
#15a0bc
```
#15a0bc rgb(21,160,188)
```
#1592bc
```
#1592bc rgb(21,146,188)
```
#1584bc
```
#1584bc rgb(21,132,188)
```
#1576bc
```
#1576bc rgb(21,118,188)
```
#1568bc
```
#1568bc rgb(21,104,188)
```
#155abc
```
#155abc rgb(21,90,188)
```

Similar Colors

Text with hexadecimal color #1584bc

This text has a font color of #1584bc.

<span style="color:#1584bc;">Text here</span>

#1584bc background color

This paragraph has a background color of #1584bc.

<p style="background-color:#1584bc;">Content here</p>

#1584bc border color

This element has a border color of #1584bc.

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

CSS codes

.text {color:#1584bc;}

.background {background-color:#1584bc;}

.border {border:1px solid #1584bc;}

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 #f9fdfe is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#03151d
```
#03151d rgb(3,21,29)
```
#05212f
```
#05212f rgb(5,33,47)
```
#072d40
```
#072d40 rgb(7,45,64)
```
#093a52
```
#093a52 rgb(9,58,82)
```
#0b4664
```
#0b4664 rgb(11,70,100)
```
#0d5275
```
#0d5275 rgb(13,82,117)
```
#0f5f87
```
#0f5f87 rgb(15,95,135)
```
#116b99
```
#116b99 rgb(17,107,153)
```
#1378aa
```
#1378aa rgb(19,120,170)
```
#1584bc
```
#1584bc rgb(21,132,188)
```
#1790ce
```
#1790ce rgb(23,144,206)
```
#199ddf
```
#199ddf rgb(25,157,223)
```

Shade Color Variation

#25a6e7
```
#25a6e7 rgb(37,166,231)
```
#37ade9
```
#37ade9 rgb(55,173,233)
```
#48b4eb
```
#48b4eb rgb(72,180,235)
```
#5abbed
```
#5abbed rgb(90,187,237)
```
#6cc3ef
```
#6cc3ef rgb(108,195,239)
```
#7dcaf1
```
#7dcaf1 rgb(125,202,241)
```
#8fd1f2
```
#8fd1f2 rgb(143,209,242)
```
#a1d8f4
```
#a1d8f4 rgb(161,216,244)
```
#b2e0f6
```
#b2e0f6 rgb(178,224,246)
```
#c4e7f8
```
#c4e7f8 rgb(196,231,248)
```
#d6eefa
```
#d6eefa rgb(214,238,250)
```
#e7f5fc
```
#e7f5fc rgb(231,245,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656a6c is the less saturated color, while #0589cc is the most saturated one.

#656a6c
```
#656a6c rgb(101,106,108)
```
#5d6c74
```
#5d6c74 rgb(93,108,116)
```
#556f7c
```
#556f7c rgb(85,111,124)
```
#4d7184
```
#4d7184 rgb(77,113,132)
```
#45748c
```
#45748c rgb(69,116,140)
```
#3d7794
```
#3d7794 rgb(61,119,148)
```
#35799c
```
#35799c rgb(53,121,156)
```
#2d7ca4
```
#2d7ca4 rgb(45,124,164)
```
#257fac
```
#257fac rgb(37,127,172)
```
#1d81b4
```
#1d81b4 rgb(29,129,180)
```
#1584bc
```
#1584bc rgb(21,132,188)
```
#0d87c4
```
#0d87c4 rgb(13,135,196)
```
#0589cc
```
#0589cc rgb(5,137,204)
```

Tone Color Variation

Below, you can see how #1584bc 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

#696969 Achromatopsia 0.005% of the population
#586e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f81b8 Protanopia 1% of men
#6083c2 Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#4e82b9 Protanomaly 1% of men, 0.01% of women
#4483c0 Deuteranomaly 6% of men, 0.4% of women
#078ba6 Tritanomaly 0.01% of the population

#1584bc hex color

#1584bc Color Information

#1584bc Color Conversion

Color Schemes with #1584bc

Alternatives to #1584bc

#1584bc Preview

Shades and Tints of #1584bc

Tones of #1584bc

Color Blindness Simulator