#258ba6 hex color

In a RGB color space, hex #258ba6 is composed of 14.5% red, 54.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 16.3% magenta, 0% yellow and 34.9% black. It has a hue angle of 192.6 degrees, a saturation of 63.5% and a lightness of 39.8%. #258ba6 color hex could be obtained by blending #4affff with #00174d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 15
- G 55
- B 65
RGB color chart
- C 78
- M 16
- Y 0
- K 35
CMYK color chart

● #258ba6 color description : Dark cyan.

The hexadecimal color #258ba6 has RGB values of R:37, G:139, B:166 and CMYK values of C:0.78, M:0.16, Y:0, K:0.35. Its decimal value is 2460582.

Hex triplet	258ba6	`#258ba6`
RGB Decimal	37, 139, 166	`rgb(37,139,166)`
RGB Percent	14.5, 54.5, 65.1	`rgb(14.5%,54.5%,65.1%)`
CMYK	78, 16, 0, 35
HSL	192.6°, 63.5, 39.8	`hsl(192.6,63.5%,39.8%)`
HSV (or HSB)	192.6°, 77.7, 65.1
Web Safe	339999	`#339999`

CIE-LAB	53.611, -19.017, -22.448
XYZ	16.877, 21.61, 39.356
xyY	0.217, 0.278, 21.61
CIE-LCH	53.611, 29.421, 229.73
CIE-LUV	53.611, -35.403, -31.151
Hunter-Lab	46.487, -16.549, -17.655
Binary	00100101, 10001011, 10100110

#258ba6
```
#258ba6 rgb(37,139,166)
```
#a64025
```
#a64025 rgb(166,64,37)
```

Complementary Color

#25a681
```
#25a681 rgb(37,166,129)
```
#258ba6
```
#258ba6 rgb(37,139,166)
```
#254ba6
```
#254ba6 rgb(37,75,166)
```

Analogous Color

#a68125
```
#a68125 rgb(166,129,37)
```
#258ba6
```
#258ba6 rgb(37,139,166)
```
#a6254b
```
#a6254b rgb(166,37,75)
```

Split Complementary Color

#8ba625
```
#8ba625 rgb(139,166,37)
```
#258ba6
```
#258ba6 rgb(37,139,166)
```
#a6258b
```
#a6258b rgb(166,37,139)
```

Triadic Color

#25a640
```
#25a640 rgb(37,166,64)
```
#258ba6
```
#258ba6 rgb(37,139,166)
```
#a6258b
```
#a6258b rgb(166,37,139)
```
#a64025
```
#a64025 rgb(166,64,37)
```

Tetradic Color

#175767
```
#175767 rgb(23,87,103)
```
#1c687c
```
#1c687c rgb(28,104,124)
```
#207a91
```
#207a91 rgb(32,122,145)
```
#258ba6
```
#258ba6 rgb(37,139,166)
```
#2a9cbb
```
#2a9cbb rgb(42,156,187)
```
#2eaed0
```
#2eaed0 rgb(46,174,208)
```
#43b6d5
```
#43b6d5 rgb(67,182,213)
```

Monochromatic Color

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

#25a6a1
```
#25a6a1 rgb(37,166,161)
```
#25a1a6
```
#25a1a6 rgb(37,161,166)
```
#2596a6
```
#2596a6 rgb(37,150,166)
```
#258ba6
```
#258ba6 rgb(37,139,166)
```
#2580a6
```
#2580a6 rgb(37,128,166)
```
#2576a6
```
#2576a6 rgb(37,118,166)
```
#256ba6
```
#256ba6 rgb(37,107,166)
```

Similar Colors

Text with hexadecimal color #258ba6

This text has a font color of #258ba6.

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

#258ba6 background color

This paragraph has a background color of #258ba6.

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

#258ba6 border color

This element has a border color of #258ba6.

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

CSS codes

.text {color:#258ba6;}

.background {background-color:#258ba6;}

.border {border:1px solid #258ba6;}

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

#010506
```
#010506 rgb(1,5,6)
```
#051216
```
#051216 rgb(5,18,22)
```
#082026
```
#082026 rgb(8,32,38)
```
#0c2d36
```
#0c2d36 rgb(12,45,54)
```
#103a46
```
#103a46 rgb(16,58,70)
```
#134856
```
#134856 rgb(19,72,86)
```
#175566
```
#175566 rgb(23,85,102)
```
#1a6376
```
#1a6376 rgb(26,99,118)
```
#1e7086
```
#1e7086 rgb(30,112,134)
```
#217e96
```
#217e96 rgb(33,126,150)
```
#258ba6
```
#258ba6 rgb(37,139,166)
```
#2998b6
```
#2998b6 rgb(41,152,182)
```
#2ca6c6
```
#2ca6c6 rgb(44,166,198)
```

Shade Color Variation

#34b1d2
```
#34b1d2 rgb(52,177,210)
```
#44b7d5
```
#44b7d5 rgb(68,183,213)
```
#54bdd9
```
#54bdd9 rgb(84,189,217)
```
#64c3dc
```
#64c3dc rgb(100,195,220)
```
#74cae0
```
#74cae0 rgb(116,202,224)
```
#84d0e4
```
#84d0e4 rgb(132,208,228)
```
#94d6e7
```
#94d6e7 rgb(148,214,231)
```
#a4dceb
```
#a4dceb rgb(164,220,235)
```
#b4e2ee
```
#b4e2ee rgb(180,226,238)
```
#c4e8f2
```
#c4e8f2 rgb(196,232,242)
```
#d4eff6
```
#d4eff6 rgb(212,239,246)
```
#e5f5f9
```
#e5f5f9 rgb(229,245,249)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

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

#636768
```
#636768 rgb(99,103,104)
```
#5c6b6f
```
#5c6b6f rgb(92,107,111)
```
#547077
```
#547077 rgb(84,112,119)
```
#4c747f
```
#4c747f rgb(76,116,127)
```
#447987
```
#447987 rgb(68,121,135)
```
#3c7d8f
```
#3c7d8f rgb(60,125,143)
```
#358296
```
#358296 rgb(53,130,150)
```
#2d869e
```
#2d869e rgb(45,134,158)
```
#258ba6
```
#258ba6 rgb(37,139,166)
```
#1d90ae
```
#1d90ae rgb(29,144,174)
```
#1594b6
```
#1594b6 rgb(21,148,182)
```
#0e99bd
```
#0e99bd rgb(14,153,189)
```
#069dc5
```
#069dc5 rgb(6,157,197)
```

Tone Color Variation

Below, you can see how #258ba6 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

#707070 Achromatopsia 0.005% of the population
#61757b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f85a3 Protanopia 1% of men
#7b84af Deuteranopia 1% of men
#20939e Tritanopia 0.001% of the population

Trichromacy

#5e87a4 Protanomaly 1% of men, 0.01% of women
#5b87ab Deuteranomaly 6% of men, 0.4% of women
#2290a0 Tritanomaly 0.01% of the population

#258ba6 hex color

#258ba6 Color Information

#258ba6 Color Conversion

Color Schemes with #258ba6

Alternatives to #258ba6

#258ba6 Preview

Shades and Tints of #258ba6

Tones of #258ba6

Color Blindness Simulator