#2fa593 hex color

In a RGB color space, hex #2fa593 is composed of 18.4% red, 64.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 0% magenta, 10.9% yellow and 35.3% black. It has a hue angle of 170.8 degrees, a saturation of 55.7% and a lightness of 41.6%. #2fa593 color hex could be obtained by blending #5effff with #004b27. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 65
- B 58
RGB color chart
- C 72
- M 0
- Y 11
- K 35
CMYK color chart

● #2fa593 color description : Dark cyan.

The hexadecimal color #2fa593 has RGB values of R:47, G:165, B:147 and CMYK values of C:0.72, M:0, Y:0.11, K:0.35. Its decimal value is 3122579.

Hex triplet	2fa593	`#2fa593`
RGB Decimal	47, 165, 147	`rgb(47,165,147)`
RGB Percent	18.4, 64.7, 57.6	`rgb(18.4%,64.7%,57.6%)`
CMYK	72, 0, 11, 35
HSL	170.8°, 55.7, 41.6	`hsl(170.8,55.7%,41.6%)`
HSV (or HSB)	170.8°, 71.5, 64.7
Web Safe	339999	`#339999`

CIE-LAB	61.324, -36.435, -0.028
XYZ	19.892, 29.619, 32.271
xyY	0.243, 0.362, 29.619
CIE-LCH	61.324, 36.435, 180.044
CIE-LUV	61.324, -44.648, 5.457
Hunter-Lab	54.424, -29.999, 2.94
Binary	00101111, 10100101, 10010011

#2fa593
```
#2fa593 rgb(47,165,147)
```
#a52f41
```
#a52f41 rgb(165,47,65)
```

Complementary Color

#2fa558
```
#2fa558 rgb(47,165,88)
```
#2fa593
```
#2fa593 rgb(47,165,147)
```
#2f7ca5
```
#2f7ca5 rgb(47,124,165)
```

Analogous Color

#a5582f
```
#a5582f rgb(165,88,47)
```
#2fa593
```
#2fa593 rgb(47,165,147)
```
#a52f7c
```
#a52f7c rgb(165,47,124)
```

Split Complementary Color

#a5932f
```
#a5932f rgb(165,147,47)
```
#2fa593
```
#2fa593 rgb(47,165,147)
```
#932fa5
```
#932fa5 rgb(147,47,165)
```

Triadic Color

#41a52f
```
#41a52f rgb(65,165,47)
```
#2fa593
```
#2fa593 rgb(47,165,147)
```
#932fa5
```
#932fa5 rgb(147,47,165)
```
#a52f41
```
#a52f41 rgb(165,47,65)
```

Tetradic Color

#1e695e
```
#1e695e rgb(30,105,94)
```
#247d70
```
#247d70 rgb(36,125,112)
```
#299181
```
#299181 rgb(41,145,129)
```
#2fa593
```
#2fa593 rgb(47,165,147)
```
#35b9a5
```
#35b9a5 rgb(53,185,165)
```
#3fc8b3
```
#3fc8b3 rgb(63,200,179)
```
#53cebb
```
#53cebb rgb(83,206,187)
```

Monochromatic Color

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

#2fa576
```
#2fa576 rgb(47,165,118)
```
#2fa57f
```
#2fa57f rgb(47,165,127)
```
#2fa589
```
#2fa589 rgb(47,165,137)
```
#2fa593
```
#2fa593 rgb(47,165,147)
```
#2fa59d
```
#2fa59d rgb(47,165,157)
```
#2fa3a5
```
#2fa3a5 rgb(47,163,165)
```
#2f9aa5
```
#2f9aa5 rgb(47,154,165)
```

Similar Colors

Text with hexadecimal color #2fa593

This text has a font color of #2fa593.

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

#2fa593 background color

This paragraph has a background color of #2fa593.

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

#2fa593 border color

This element has a border color of #2fa593.

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

CSS codes

.text {color:#2fa593;}

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

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

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, #040c0b is the darkest color, while #fcfefe is the lightest one.

#040c0b
```
#040c0b rgb(4,12,11)
```
#081c19
```
#081c19 rgb(8,28,25)
```
#0c2b26
```
#0c2b26 rgb(12,43,38)
```
#113a34
```
#113a34 rgb(17,58,52)
```
#154941
```
#154941 rgb(21,73,65)
```
#19594f
```
#19594f rgb(25,89,79)
```
#1e685d
```
#1e685d rgb(30,104,93)
```
#22776a
```
#22776a rgb(34,119,106)
```
#268678
```
#268678 rgb(38,134,120)
```
#2b9685
```
#2b9685 rgb(43,150,133)
```
#2fa593
```
#2fa593 rgb(47,165,147)
```
#33b4a1
```
#33b4a1 rgb(51,180,161)
```
#38c4ae
```
#38c4ae rgb(56,196,174)
```

Shade Color Variation

#45cab6
```
#45cab6 rgb(69,202,182)
```
#54cebc
```
#54cebc rgb(84,206,188)
```
#63d3c2
```
#63d3c2 rgb(99,211,194)
```
#73d7c8
```
#73d7c8 rgb(115,215,200)
```
#82dbce
```
#82dbce rgb(130,219,206)
```
#91e0d4
```
#91e0d4 rgb(145,224,212)
```
#a0e4da
```
#a0e4da rgb(160,228,218)
```
#b0e8e0
```
#b0e8e0 rgb(176,232,224)
```
#bfede6
```
#bfede6 rgb(191,237,230)
```
#cef1ec
```
#cef1ec rgb(206,241,236)
```
#def5f2
```
#def5f2 rgb(222,245,242)
```
#edfaf8
```
#edfaf8 rgb(237,250,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#686c6b
```
#686c6b rgb(104,108,107)
```
#607471
```
#607471 rgb(96,116,113)
```
#587c77
```
#587c77 rgb(88,124,119)
```
#50847c
```
#50847c rgb(80,132,124)
```
#478d82
```
#478d82 rgb(71,141,130)
```
#3f9588
```
#3f9588 rgb(63,149,136)
```
#379d8d
```
#379d8d rgb(55,157,141)
```
#2fa593
```
#2fa593 rgb(47,165,147)
```
#27ad99
```
#27ad99 rgb(39,173,153)
```
#1fb59e
```
#1fb59e rgb(31,181,158)
```
#17bda4
```
#17bda4 rgb(23,189,164)
```
#0ec6aa
```
#0ec6aa rgb(14,198,170)
```
#06ceaf
```
#06ceaf rgb(6,206,175)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#708784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9990 Protanopia 1% of men
#a4959f Deuteranopia 1% of men
#49a5b2 Tritanopia 0.001% of the population

Trichromacy

#759d91 Protanomaly 1% of men, 0.01% of women
#799b9b Deuteranomaly 6% of men, 0.4% of women
#40a5a6 Tritanomaly 0.01% of the population

#2fa593 hex color

#2fa593 Color Information

#2fa593 Color Conversion

Color Schemes with #2fa593

Alternatives to #2fa593

#2fa593 Preview

Shades and Tints of #2fa593

Tones of #2fa593

Color Blindness Simulator