#2a9093 hex color

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

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

● #2a9093 color description : Dark cyan.

The hexadecimal color #2a9093 has RGB values of R:42, G:144, B:147 and CMYK values of C:0.71, M:0.02, Y:0, K:0.42. Its decimal value is 2789523.

Hex triplet	2a9093	`#2a9093`
RGB Decimal	42, 144, 147	`rgb(42,144,147)`
RGB Percent	16.5, 56.5, 57.6	`rgb(16.5%,56.5%,57.6%)`
CMYK	71, 2, 0, 42
HSL	181.7°, 55.6, 37.1	`hsl(181.7,55.6%,37.1%)`
HSV (or HSB)	181.7°, 71.4, 57.6
Web Safe	339999	`#339999`

CIE-LAB	54.599, -27.125, -9.991
XYZ	16.193, 22.544, 31.1
xyY	0.232, 0.323, 22.544
CIE-LCH	54.599, 28.906, 200.22
CIE-LUV	54.599, -37.723, -10.713
Hunter-Lab	47.48, -22.214, -5.599
Binary	00101010, 10010000, 10010011

#2a9093
```
#2a9093 rgb(42,144,147)
```
#932d2a
```
#932d2a rgb(147,45,42)
```

Complementary Color

#2a9362
```
#2a9362 rgb(42,147,98)
```
#2a9093
```
#2a9093 rgb(42,144,147)
```
#2a5c93
```
#2a5c93 rgb(42,92,147)
```

Analogous Color

#93622a
```
#93622a rgb(147,98,42)
```
#2a9093
```
#2a9093 rgb(42,144,147)
```
#932a5c
```
#932a5c rgb(147,42,92)
```

Split Complementary Color

#90932a
```
#90932a rgb(144,147,42)
```
#2a9093
```
#2a9093 rgb(42,144,147)
```
#932a90
```
#932a90 rgb(147,42,144)
```

Triadic Color

#2a932d
```
#2a932d rgb(42,147,45)
```
#2a9093
```
#2a9093 rgb(42,144,147)
```
#932a90
```
#932a90 rgb(147,42,144)
```
#932d2a
```
#932d2a rgb(147,45,42)
```

Tetradic Color

#195658
```
#195658 rgb(25,86,88)
```
#1f696b
```
#1f696b rgb(31,105,107)
```
#247d7f
```
#247d7f rgb(36,125,127)
```
#2a9093
```
#2a9093 rgb(42,144,147)
```
#30a3a7
```
#30a3a7 rgb(48,163,167)
```
#35b7bb
```
#35b7bb rgb(53,183,187)
```
#41c5c9
```
#41c5c9 rgb(65,197,201)
```

Monochromatic Color

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

#2a937c
```
#2a937c rgb(42,147,124)
```
#2a9385
```
#2a9385 rgb(42,147,133)
```
#2a938d
```
#2a938d rgb(42,147,141)
```
#2a9093
```
#2a9093 rgb(42,144,147)
```
#2a8793
```
#2a8793 rgb(42,135,147)
```
#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#2a7693
```
#2a7693 rgb(42,118,147)
```

Similar Colors

Text with hexadecimal color #2a9093

This text has a font color of #2a9093.

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

#2a9093 background color

This paragraph has a background color of #2a9093.

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

#2a9093 border color

This element has a border color of #2a9093.

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

CSS codes

.text {color:#2a9093;}

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

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

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)
```
#071819
```
#071819 rgb(7,24,25)
```
#0b2728
```
#0b2728 rgb(11,39,40)
```
#103637
```
#103637 rgb(16,54,55)
```
#144547
```
#144547 rgb(20,69,71)
```
#195456
```
#195456 rgb(25,84,86)
```
#1d6365
```
#1d6365 rgb(29,99,101)
```
#217274
```
#217274 rgb(33,114,116)
```
#268184
```
#268184 rgb(38,129,132)
```
#2a9093
```
#2a9093 rgb(42,144,147)
```
#2e9fa2
```
#2e9fa2 rgb(46,159,162)
```
#33aeb2
```
#33aeb2 rgb(51,174,178)
```
#37bdc1
```
#37bdc1 rgb(55,189,193)
```

Shade Color Variation

#42c5c9
```
#42c5c9 rgb(66,197,201)
```
#52cacd
```
#52cacd rgb(82,202,205)
```
#61cfd2
```
#61cfd2 rgb(97,207,210)
```
#70d3d6
```
#70d3d6 rgb(112,211,214)
```
#7fd8db
```
#7fd8db rgb(127,216,219)
```
#8fdddf
```
#8fdddf rgb(143,221,223)
```
#9ee1e3
```
#9ee1e3 rgb(158,225,227)
```
#ade6e8
```
#ade6e8 rgb(173,230,232)
```
#bcebec
```
#bcebec rgb(188,235,236)
```
#cceff0
```
#cceff0 rgb(204,239,240)
```
#dbf4f5
```
#dbf4f5 rgb(219,244,245)
```
#eaf9f9
```
#eaf9f9 rgb(234,249,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 #06b2b7 is the most saturated one.

#5d6060
```
#5d6060 rgb(93,96,96)
```
#566767
```
#566767 rgb(86,103,103)
```
#4e6e6f
```
#4e6e6f rgb(78,110,111)
```
#477576
```
#477576 rgb(71,117,118)
```
#407b7d
```
#407b7d rgb(64,123,125)
```
#398284
```
#398284 rgb(57,130,132)
```
#31898c
```
#31898c rgb(49,137,140)
```
#2a9093
```
#2a9093 rgb(42,144,147)
```
#23979a
```
#23979a rgb(35,151,154)
```
#1b9ea2
```
#1b9ea2 rgb(27,158,162)
```
#14a5a9
```
#14a5a9 rgb(20,165,169)
```
#0dabb0
```
#0dabb0 rgb(13,171,176)
```
#06b2b7
```
#06b2b7 rgb(6,178,183)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#647879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888890 Protanopia 1% of men
#8a869e Deuteranopia 1% of men
#3a949f Tritanopia 0.001% of the population

Trichromacy

#668b91 Protanomaly 1% of men, 0.01% of women
#67899a Deuteranomaly 6% of men, 0.4% of women
#34929a Tritanomaly 0.01% of the population

#2a9093 hex color

#2a9093 Color Information

#2a9093 Color Conversion

Color Schemes with #2a9093

Alternatives to #2a9093

#2a9093 Preview

Shades and Tints of #2a9093

Tones of #2a9093

Color Blindness Simulator