#3acba5 hex color

In a RGB color space, hex #3acba5 is composed of 22.7% red, 79.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 0% magenta, 18.7% yellow and 20.4% black. It has a hue angle of 164.3 degrees, a saturation of 58.2% and a lightness of 51.2%. #3acba5 color hex could be obtained by blending #74ffff with #00974b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 23
- G 80
- B 65
RGB color chart
- C 71
- M 0
- Y 19
- K 20
CMYK color chart

● #3acba5 color description : Moderate cyan - lime green.

The hexadecimal color #3acba5 has RGB values of R:58, G:203, B:165 and CMYK values of C:0.71, M:0, Y:0.19, K:0.2. Its decimal value is 3853221.

Hex triplet	3acba5	`#3acba5`
RGB Decimal	58, 203, 165	`rgb(58,203,165)`
RGB Percent	22.7, 79.6, 64.7	`rgb(22.7%,79.6%,64.7%)`
CMYK	71, 0, 19, 20
HSL	164.3°, 58.2, 51.2	`hsl(164.3,58.2%,51.2%)`
HSV (or HSB)	164.3°, 71.4, 79.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.756, -46.864, 8.061
XYZ	29.89, 46.325, 42.962
xyY	0.251, 0.389, 46.325
CIE-LCH	73.756, 47.552, 170.24
CIE-LUV	73.756, -55.404, 19.241
Hunter-Lab	68.063, -40.721, 10.22
Binary	00111010, 11001011, 10100101

#3acba5
```
#3acba5 rgb(58,203,165)
```
#cb3a60
```
#cb3a60 rgb(203,58,96)
```

Complementary Color

#3acb5d
```
#3acb5d rgb(58,203,93)
```
#3acba5
```
#3acba5 rgb(58,203,165)
```
#3aa9cb
```
#3aa9cb rgb(58,169,203)
```

Analogous Color

#cb5d3a
```
#cb5d3a rgb(203,93,58)
```
#3acba5
```
#3acba5 rgb(58,203,165)
```
#cb3aa9
```
#cb3aa9 rgb(203,58,169)
```

Split Complementary Color

#cba53a
```
#cba53a rgb(203,165,58)
```
#3acba5
```
#3acba5 rgb(58,203,165)
```
#a53acb
```
#a53acb rgb(165,58,203)
```

Triadic Color

#60cb3a
```
#60cb3a rgb(96,203,58)
```
#3acba5
```
#3acba5 rgb(58,203,165)
```
#a53acb
```
#a53acb rgb(165,58,203)
```
#cb3a60
```
#cb3a60 rgb(203,58,96)
```

Tetradic Color

#279276
```
#279276 rgb(39,146,118)
```
#2ca686
```
#2ca686 rgb(44,166,134)
```
#31ba96
```
#31ba96 rgb(49,186,150)
```
#3acba5
```
#3acba5 rgb(58,203,165)
```
#4ed0ae
```
#4ed0ae rgb(78,208,174)
```
#62d6b7
```
#62d6b7 rgb(98,214,183)
```
#77dbc1
```
#77dbc1 rgb(119,219,193)
```

Monochromatic Color

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

#3acb81
```
#3acb81 rgb(58,203,129)
```
#3acb8d
```
#3acb8d rgb(58,203,141)
```
#3acb99
```
#3acb99 rgb(58,203,153)
```
#3acba5
```
#3acba5 rgb(58,203,165)
```
#3acbb1
```
#3acbb1 rgb(58,203,177)
```
#3acbbd
```
#3acbbd rgb(58,203,189)
```
#3acbc9
```
#3acbc9 rgb(58,203,201)
```

Similar Colors

Text with hexadecimal color #3acba5

This text has a font color of #3acba5.

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

#3acba5 background color

This paragraph has a background color of #3acba5.

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

#3acba5 border color

This element has a border color of #3acba5.

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

CSS codes

.text {color:#3acba5;}

.background {background-color:#3acba5;}

.border {border:1px solid #3acba5;}

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

#010504
```
#010504 rgb(1,5,4)
```
#051410
```
#051410 rgb(5,20,16)
```
#09241d
```
#09241d rgb(9,36,29)
```
#0e3329
```
#0e3329 rgb(14,51,41)
```
#124336
```
#124336 rgb(18,67,54)
```
#165242
```
#165242 rgb(22,82,66)
```
#1a624f
```
#1a624f rgb(26,98,79)
```
#1e715c
```
#1e715c rgb(30,113,92)
```
#228168
```
#228168 rgb(34,129,104)
```
#269075
```
#269075 rgb(38,144,117)
```
#2aa081
```
#2aa081 rgb(42,160,129)
```
#2eaf8e
```
#2eaf8e rgb(46,175,142)
```
#32bf9a
```
#32bf9a rgb(50,191,154)
```

Shade Color Variation

#3acba5
```
#3acba5 rgb(58,203,165)
```
#4acfac
```
#4acfac rgb(74,207,172)
```
#59d3b3
```
#59d3b3 rgb(89,211,179)
```
#69d7ba
```
#69d7ba rgb(105,215,186)
```
#78dbc1
```
#78dbc1 rgb(120,219,193)
```
#88dfc8
```
#88dfc8 rgb(136,223,200)
```
#97e4d0
```
#97e4d0 rgb(151,228,208)
```
#a7e8d7
```
#a7e8d7 rgb(167,232,215)
```
#b6ecde
```
#b6ecde rgb(182,236,222)
```
#c6f0e5
```
#c6f0e5 rgb(198,240,229)
```
#d5f4ec
```
#d5f4ec rgb(213,244,236)
```
#e5f8f3
```
#e5f8f3 rgb(229,248,243)
```
#f4fcfa
```
#f4fcfa rgb(244,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8885 is the less saturated color, while #0afbbc is the most saturated one.

#7d8885
```
#7d8885 rgb(125,136,133)
```
#73928a
```
#73928a rgb(115,146,138)
```
#6a9b8e
```
#6a9b8e rgb(106,155,142)
```
#60a593
```
#60a593 rgb(96,165,147)
```
#57ae97
```
#57ae97 rgb(87,174,151)
```
#4db89c
```
#4db89c rgb(77,184,156)
```
#44c1a0
```
#44c1a0 rgb(68,193,160)
```
#3acba5
```
#3acba5 rgb(58,203,165)
```
#30d5aa
```
#30d5aa rgb(48,213,170)
```
#27deae
```
#27deae rgb(39,222,174)
```
#1de8b3
```
#1de8b3 rgb(29,232,179)
```
#14f1b7
```
#14f1b7 rgb(20,241,183)
```
#0afbbc
```
#0afbbc rgb(10,251,188)
```

Tone Color Variation

Below, you can see how #3acba5 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

#9b9b9b Achromatopsia 0.005% of the population
#88a59d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b89f Protanopia 1% of men
#ccb3b2 Deuteranopia 1% of men
#5ec7d5 Tritanopia 0.001% of the population

Trichromacy

#90bfa1 Protanomaly 1% of men, 0.01% of women
#97bbad Deuteranomaly 6% of men, 0.4% of women
#51c8c4 Tritanomaly 0.01% of the population

#3acba5 hex color

#3acba5 Color Information

#3acba5 Color Conversion

Color Schemes with #3acba5

Alternatives to #3acba5

#3acba5 Preview

Shades and Tints of #3acba5

Tones of #3acba5

Color Blindness Simulator