#1580ca hex color

In a RGB color space, hex #1580ca is composed of 8.2% red, 50.2% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 36.6% magenta, 0% yellow and 20.8% black. It has a hue angle of 204.5 degrees, a saturation of 81.2% and a lightness of 43.7%. #1580ca color hex could be obtained by blending #2affff with #000195. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 50
- B 79
RGB color chart
- C 90
- M 37
- Y 0
- K 21
CMYK color chart

● #1580ca color description : Strong blue.

The hexadecimal color #1580ca has RGB values of R:21, G:128, B:202 and CMYK values of C:0.9, M:0.37, Y:0, K:0.21. Its decimal value is 1409226.

Hex triplet	1580ca	`#1580ca`
RGB Decimal	21, 128, 202	`rgb(21,128,202)`
RGB Percent	8.2, 50.2, 79.2	`rgb(8.2%,50.2%,79.2%)`
CMYK	90, 37, 0, 21
HSL	204.5°, 81.2, 43.7	`hsl(204.5,81.2%,43.7%)`
HSV (or HSB)	204.5°, 89.6, 79.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	51.679, -0.983, -46.109
XYZ	18.687, 19.86, 58.722
xyY	0.192, 0.204, 19.86
CIE-LCH	51.679, 46.119, 268.779
CIE-LUV	51.679, -31.005, -70.943
Hunter-Lab	44.565, -3.142, -46.93
Binary	00010101, 10000000, 11001010

#1580ca
```
#1580ca rgb(21,128,202)
```
#ca5f15
```
#ca5f15 rgb(202,95,21)
```

Complementary Color

#15caba
```
#15caba rgb(21,202,186)
```
#1580ca
```
#1580ca rgb(21,128,202)
```
#1525ca
```
#1525ca rgb(21,37,202)
```

Analogous Color

#caba15
```
#caba15 rgb(202,186,21)
```
#1580ca
```
#1580ca rgb(21,128,202)
```
#ca1525
```
#ca1525 rgb(202,21,37)
```

Split Complementary Color

#80ca15
```
#80ca15 rgb(128,202,21)
```
#1580ca
```
#1580ca rgb(21,128,202)
```
#ca1580
```
#ca1580 rgb(202,21,128)
```

Triadic Color

#15ca5f
```
#15ca5f rgb(21,202,95)
```
#1580ca
```
#1580ca rgb(21,128,202)
```
#ca1580
```
#ca1580 rgb(202,21,128)
```
#ca5f15
```
#ca5f15 rgb(202,95,21)
```

Tetradic Color

#0e5485
```
#0e5485 rgb(14,84,133)
```
#10639c
```
#10639c rgb(16,99,156)
```
#1371b3
```
#1371b3 rgb(19,113,179)
```
#1580ca
```
#1580ca rgb(21,128,202)
```
#178fe1
```
#178fe1 rgb(23,143,225)
```
#299ae9
```
#299ae9 rgb(41,154,233)
```
#40a5eb
```
#40a5eb rgb(64,165,235)
```

Monochromatic Color

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

#15adca
```
#15adca rgb(21,173,202)
```
#159eca
```
#159eca rgb(21,158,202)
```
#158fca
```
#158fca rgb(21,143,202)
```
#1580ca
```
#1580ca rgb(21,128,202)
```
#1571ca
```
#1571ca rgb(21,113,202)
```
#1562ca
```
#1562ca rgb(21,98,202)
```
#1553ca
```
#1553ca rgb(21,83,202)
```

Similar Colors

Text with hexadecimal color #1580ca

This text has a font color of #1580ca.

<span style="color:#1580ca;">Text here</span>

#1580ca background color

This paragraph has a background color of #1580ca.

<p style="background-color:#1580ca;">Content here</p>

#1580ca border color

This element has a border color of #1580ca.

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

CSS codes

.text {color:#1580ca;}

.background {background-color:#1580ca;}

.border {border:1px solid #1580ca;}

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

#010407
```
#010407 rgb(1,4,7)
```
#030f18
```
#030f18 rgb(3,15,24)
```
#041b2a
```
#041b2a rgb(4,27,42)
```
#06263c
```
#06263c rgb(6,38,60)
```
#08314e
```
#08314e rgb(8,49,78)
```
#0a3c5f
```
#0a3c5f rgb(10,60,95)
```
#0c4871
```
#0c4871 rgb(12,72,113)
```
#0e5383
```
#0e5383 rgb(14,83,131)
```
#0f5e95
```
#0f5e95 rgb(15,94,149)
```
#1169a6
```
#1169a6 rgb(17,105,166)
```
#1375b8
```
#1375b8 rgb(19,117,184)
```
#1580ca
```
#1580ca rgb(21,128,202)
```
#178bdc
```
#178bdc rgb(23,139,220)
```

Shade Color Variation

#1f95e8
```
#1f95e8 rgb(31,149,232)
```
#309eea
```
#309eea rgb(48,158,234)
```
#42a6eb
```
#42a6eb rgb(66,166,235)
```
#54afed
```
#54afed rgb(84,175,237)
```
#66b7ef
```
#66b7ef rgb(102,183,239)
```
#77bff1
```
#77bff1 rgb(119,191,241)
```
#89c8f3
```
#89c8f3 rgb(137,200,243)
```
#9bd0f5
```
#9bd0f5 rgb(155,208,245)
```
#add8f6
```
#add8f6 rgb(173,216,246)
```
#bee1f8
```
#bee1f8 rgb(190,225,248)
```
#d0e9fa
```
#d0e9fa rgb(208,233,250)
```
#e2f1fc
```
#e2f1fc rgb(226,241,252)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

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

#6b7074
```
#6b7074 rgb(107,112,116)
```
#62727d
```
#62727d rgb(98,114,125)
```
#5a7385
```
#5a7385 rgb(90,115,133)
```
#51758e
```
#51758e rgb(81,117,142)
```
#487797
```
#487797 rgb(72,119,151)
```
#40789f
```
#40789f rgb(64,120,159)
```
#377aa8
```
#377aa8 rgb(55,122,168)
```
#2f7bb0
```
#2f7bb0 rgb(47,123,176)
```
#267db9
```
#267db9 rgb(38,125,185)
```
#1e7ec1
```
#1e7ec1 rgb(30,126,193)
```
#1580ca
```
#1580ca rgb(21,128,202)
```
#0c82d3
```
#0c82d3 rgb(12,130,211)
```
#0483db
```
#0483db rgb(4,131,219)
```

Tone Color Variation

Below, you can see how #1580ca 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

#686868 Achromatopsia 0.005% of the population
#576d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#647fc7 Protanopia 1% of men
#4982ce Deuteranopia 1% of men
#008e97 Tritanopia 0.001% of the population

Trichromacy

#477fc8 Protanomaly 1% of men, 0.01% of women
#3681cc Deuteranomaly 6% of men, 0.4% of women
#0789aa Tritanomaly 0.01% of the population

#1580ca hex color

#1580ca Color Information

#1580ca Color Conversion

Color Schemes with #1580ca

Alternatives to #1580ca

#1580ca Preview

Shades and Tints of #1580ca

Tones of #1580ca

Color Blindness Simulator