#2a8593 hex color

In a RGB color space, hex #2a8593 is composed of 16.5% red, 52.2% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 9.5% magenta, 0% yellow and 42.4% black. It has a hue angle of 188 degrees, a saturation of 55.6% and a lightness of 37.1%. #2a8593 color hex could be obtained by blending #54ffff with #000b27. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 52
- B 58
RGB color chart
- C 71
- M 10
- Y 0
- K 42
CMYK color chart

● #2a8593 color description : Dark cyan.

The hexadecimal color #2a8593 has RGB values of R:42, G:133, B:147 and CMYK values of C:0.71, M:0.1, Y:0, K:0.42. Its decimal value is 2786707.

Hex triplet	2a8593	`#2a8593`
RGB Decimal	42, 133, 147	`rgb(42,133,147)`
RGB Percent	16.5, 52.2, 57.6	`rgb(16.5%,52.2%,57.6%)`
CMYK	71, 10, 0, 42
HSL	188°, 55.6, 37.1	`hsl(188,55.6%,37.1%)`
HSV (or HSB)	188°, 71.4, 57.6
Web Safe	339999	`#339999`

CIE-LAB	51.12, -21.489, -15.239
XYZ	14.607, 19.373, 30.572
xyY	0.226, 0.3, 19.373
CIE-LCH	51.12, 26.344, 215.342
CIE-LUV	51.12, -33.647, -19.313
Hunter-Lab	44.014, -17.785, -10.372
Binary	00101010, 10000101, 10010011

#2a8593
```
#2a8593 rgb(42,133,147)
```
#93382a
```
#93382a rgb(147,56,42)
```

Complementary Color

#2a936d
```
#2a936d rgb(42,147,109)
```
#2a8593
```
#2a8593 rgb(42,133,147)
```
#2a5193
```
#2a5193 rgb(42,81,147)
```

Analogous Color

#936d2a
```
#936d2a rgb(147,109,42)
```
#2a8593
```
#2a8593 rgb(42,133,147)
```
#932a51
```
#932a51 rgb(147,42,81)
```

Split Complementary Color

#85932a
```
#85932a rgb(133,147,42)
```
#2a8593
```
#2a8593 rgb(42,133,147)
```
#932a85
```
#932a85 rgb(147,42,133)
```

Triadic Color

#2a9338
```
#2a9338 rgb(42,147,56)
```
#2a8593
```
#2a8593 rgb(42,133,147)
```
#932a85
```
#932a85 rgb(147,42,133)
```
#93382a
```
#93382a rgb(147,56,42)
```

Tetradic Color

#194f58
```
#194f58 rgb(25,79,88)
```
#1f616b
```
#1f616b rgb(31,97,107)
```
#24737f
```
#24737f rgb(36,115,127)
```
#2a8593
```
#2a8593 rgb(42,133,147)
```
#3097a7
```
#3097a7 rgb(48,151,167)
```
#35a9bb
```
#35a9bb rgb(53,169,187)
```
#41b7c9
```
#41b7c9 rgb(65,183,201)
```

Monochromatic Color

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

#2a9387
```
#2a9387 rgb(42,147,135)
```
#2a9390
```
#2a9390 rgb(42,147,144)
```
#2a8e93
```
#2a8e93 rgb(42,142,147)
```
#2a8593
```
#2a8593 rgb(42,133,147)
```
#2a7c93
```
#2a7c93 rgb(42,124,147)
```
#2a7493
```
#2a7493 rgb(42,116,147)
```
#2a6b93
```
#2a6b93 rgb(42,107,147)
```

Similar Colors

Text with hexadecimal color #2a8593

This text has a font color of #2a8593.

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

#2a8593 background color

This paragraph has a background color of #2a8593.

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

#2a8593 border color

This element has a border color of #2a8593.

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

CSS codes

.text {color:#2a8593;}

.background {background-color:#2a8593;}

.border {border:1px solid #2a8593;}

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, #03090a is the darkest color, while #f9fdfd is the lightest one.

#03090a
```
#03090a rgb(3,9,10)
```
#071719
```
#071719 rgb(7,23,25)
```
#0b2428
```
#0b2428 rgb(11,36,40)
```
#103237
```
#103237 rgb(16,50,55)
```
#144047
```
#144047 rgb(20,64,71)
```
#194e56
```
#194e56 rgb(25,78,86)
```
#1d5c65
```
#1d5c65 rgb(29,92,101)
```
#216974
```
#216974 rgb(33,105,116)
```
#267784
```
#267784 rgb(38,119,132)
```
#2a8593
```
#2a8593 rgb(42,133,147)
```
#2e93a2
```
#2e93a2 rgb(46,147,162)
```
#33a1b2
```
#33a1b2 rgb(51,161,178)
```
#37aec1
```
#37aec1 rgb(55,174,193)
```

Shade Color Variation

#42b7c9
```
#42b7c9 rgb(66,183,201)
```
#52bdcd
```
#52bdcd rgb(82,189,205)
```
#61c3d2
```
#61c3d2 rgb(97,195,210)
```
#70c9d6
```
#70c9d6 rgb(112,201,214)
```
#7fcedb
```
#7fcedb rgb(127,206,219)
```
#8fd4df
```
#8fd4df rgb(143,212,223)
```
#9edae3
```
#9edae3 rgb(158,218,227)
```
#ade0e8
```
#ade0e8 rgb(173,224,232)
```
#bce6ec
```
#bce6ec rgb(188,230,236)
```
#ccebf0
```
#ccebf0 rgb(204,235,240)
```
#dbf1f5
```
#dbf1f5 rgb(219,241,245)
```
#eaf7f9
```
#eaf7f9 rgb(234,247,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6060 is the less saturated color, while #06a0b7 is the most saturated one.

#5d6060
```
#5d6060 rgb(93,96,96)
```
#566567
```
#566567 rgb(86,101,103)
```
#4e6a6f
```
#4e6a6f rgb(78,106,111)
```
#477076
```
#477076 rgb(71,112,118)
```
#40757d
```
#40757d rgb(64,117,125)
```
#397a84
```
#397a84 rgb(57,122,132)
```
#31808c
```
#31808c rgb(49,128,140)
```
#2a8593
```
#2a8593 rgb(42,133,147)
```
#238a9a
```
#238a9a rgb(35,138,154)
```
#1b90a2
```
#1b90a2 rgb(27,144,162)
```
#1495a9
```
#1495a9 rgb(20,149,169)
```
#0d9ab0
```
#0d9ab0 rgb(13,154,176)
```
#06a0b7
```
#06a0b7 rgb(6,160,183)
```

Tone Color Variation

Below, you can see how #2a8593 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

#6b6b6b Achromatopsia 0.005% of the population
#5e7073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7f91 Protanopia 1% of men
#7c7e9d Deuteranopia 1% of men
#338b96 Tritanopia 0.001% of the population

Trichromacy

#5f8192 Protanomaly 1% of men, 0.01% of women
#5e8099 Deuteranomaly 6% of men, 0.4% of women
#2f8994 Tritanomaly 0.01% of the population

#2a8593 hex color

#2a8593 Color Information

#2a8593 Color Conversion

Color Schemes with #2a8593

Alternatives to #2a8593

#2a8593 Preview

Shades and Tints of #2a8593

Tones of #2a8593

Color Blindness Simulator