#258580 hex color

In a RGB color space, hex #258580 is composed of 14.5% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 0% magenta, 3.8% yellow and 47.8% black. It has a hue angle of 176.9 degrees, a saturation of 56.5% and a lightness of 33.3%. #258580 color hex could be obtained by blending #4affff with #000b01. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 15
- G 52
- B 50
RGB color chart
- C 72
- M 0
- Y 4
- K 48
CMYK color chart

● #258580 color description : Dark cyan.

The hexadecimal color #258580 has RGB values of R:37, G:133, B:128 and CMYK values of C:0.72, M:0, Y:0.04, K:0.48. Its decimal value is 2459008.

Hex triplet	258580	`#258580`
RGB Decimal	37, 133, 128	`rgb(37,133,128)`
RGB Percent	14.5, 52.2, 50.2	`rgb(14.5%,52.2%,50.2%)`
CMYK	72, 0, 4, 48
HSL	176.9°, 56.5, 33.3	`hsl(176.9,56.5%,33.3%)`
HSV (or HSB)	176.9°, 72.2, 52.2
Web Safe	339999	`#339999`

CIE-LAB	50.365, -28.139, -5.287
XYZ	13.046, 18.726, 23.348
xyY	0.237, 0.34, 18.726
CIE-LCH	50.365, 28.631, 190.64
CIE-LUV	50.365, -35.665, -3.474
Hunter-Lab	43.273, -21.916, -1.698
Binary	00100101, 10000101, 10000000

#258580
```
#258580 rgb(37,133,128)
```
#85252a
```
#85252a rgb(133,37,42)
```

Complementary Color

#258550
```
#258550 rgb(37,133,80)
```
#258580
```
#258580 rgb(37,133,128)
```
#255a85
```
#255a85 rgb(37,90,133)
```

Analogous Color

#855025
```
#855025 rgb(133,80,37)
```
#258580
```
#258580 rgb(37,133,128)
```
#85255a
```
#85255a rgb(133,37,90)
```

Split Complementary Color

#858025
```
#858025 rgb(133,128,37)
```
#258580
```
#258580 rgb(37,133,128)
```
#802585
```
#802585 rgb(128,37,133)
```

Triadic Color

#2a8525
```
#2a8525 rgb(42,133,37)
```
#258580
```
#258580 rgb(37,133,128)
```
#802585
```
#802585 rgb(128,37,133)
```
#85252a
```
#85252a rgb(133,37,42)
```

Tetradic Color

#144946
```
#144946 rgb(20,73,70)
```
#1a5d5a
```
#1a5d5a rgb(26,93,90)
```
#1f716d
```
#1f716d rgb(31,113,109)
```
#258580
```
#258580 rgb(37,133,128)
```
#2b9993
```
#2b9993 rgb(43,153,147)
```
#30ada6
```
#30ada6 rgb(48,173,166)
```
#36c1ba
```
#36c1ba rgb(54,193,186)
```

Monochromatic Color

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

#258568
```
#258568 rgb(37,133,104)
```
#258570
```
#258570 rgb(37,133,112)
```
#258578
```
#258578 rgb(37,133,120)
```
#258580
```
#258580 rgb(37,133,128)
```
#258285
```
#258285 rgb(37,130,133)
```
#257a85
```
#257a85 rgb(37,122,133)
```
#257285
```
#257285 rgb(37,114,133)
```

Similar Colors

Text with hexadecimal color #258580

This text has a font color of #258580.

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

#258580 background color

This paragraph has a background color of #258580.

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

#258580 border color

This element has a border color of #258580.

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

CSS codes

.text {color:#258580;}

.background {background-color:#258580;}

.border {border:1px solid #258580;}

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, #030a0a is the darkest color, while #fafefd is the lightest one.

#030a0a
```
#030a0a rgb(3,10,10)
```
#071a19
```
#071a19 rgb(7,26,25)
```
#0b2927
```
#0b2927 rgb(11,41,39)
```
#103836
```
#103836 rgb(16,56,54)
```
#144845
```
#144845 rgb(20,72,69)
```
#185754
```
#185754 rgb(24,87,84)
```
#1c6662
```
#1c6662 rgb(28,102,98)
```
#217671
```
#217671 rgb(33,118,113)
```
#258580
```
#258580 rgb(37,133,128)
```
#29948f
```
#29948f rgb(41,148,143)
```
#2ea49e
```
#2ea49e rgb(46,164,158)
```
#32b3ac
```
#32b3ac rgb(50,179,172)
```
#36c2bb
```
#36c2bb rgb(54,194,187)
```

Shade Color Variation

#42cac3
```
#42cac3 rgb(66,202,195)
```
#51cfc8
```
#51cfc8 rgb(81,207,200)
```
#60d3cd
```
#60d3cd rgb(96,211,205)
```
#70d7d2
```
#70d7d2 rgb(112,215,210)
```
#7fdbd7
```
#7fdbd7 rgb(127,219,215)
```
#8ee0db
```
#8ee0db rgb(142,224,219)
```
#9ee4e0
```
#9ee4e0 rgb(158,228,224)
```
#ade8e5
```
#ade8e5 rgb(173,232,229)
```
#bdedea
```
#bdedea rgb(189,237,234)
```
#ccf1ef
```
#ccf1ef rgb(204,241,239)
```
#dbf5f4
```
#dbf5f4 rgb(219,245,244)
```
#ebf9f9
```
#ebf9f9 rgb(235,249,249)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535757 is the less saturated color, while #04a69d is the most saturated one.

#535757
```
#535757 rgb(83,87,87)
```
#4c5e5d
```
#4c5e5d rgb(76,94,93)
```
#466463
```
#466463 rgb(70,100,99)
```
#3f6b69
```
#3f6b69 rgb(63,107,105)
```
#39716e
```
#39716e rgb(57,113,110)
```
#327874
```
#327874 rgb(50,120,116)
```
#2c7e7a
```
#2c7e7a rgb(44,126,122)
```
#258580
```
#258580 rgb(37,133,128)
```
#1e8c86
```
#1e8c86 rgb(30,140,134)
```
#18928c
```
#18928c rgb(24,146,140)
```
#119992
```
#119992 rgb(17,153,146)
```
#0b9f97
```
#0b9f97 rgb(11,159,151)
```
#04a69d
```
#04a69d rgb(4,166,157)
```

Tone Color Variation

Below, you can see how #258580 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
#5b6e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#807e7f Protanopia 1% of men
#847b8c Deuteranopia 1% of men
#398993 Tritanopia 0.001% of the population

Trichromacy

#5f807f Protanomaly 1% of men, 0.01% of women
#617f87 Deuteranomaly 6% of men, 0.4% of women
#31878c Tritanomaly 0.01% of the population

#258580 hex color

#258580 Color Information

#258580 Color Conversion

Color Schemes with #258580

Alternatives to #258580

#258580 Preview

Shades and Tints of #258580

Tones of #258580

Color Blindness Simulator