#3acba6 hex color

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

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

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

The hexadecimal color #3acba6 has RGB values of R:58, G:203, B:166 and CMYK values of C:0.71, M:0, Y:0.18, K:0.2. Its decimal value is 3853222.

Hex triplet	3acba6	`#3acba6`
RGB Decimal	58, 203, 166	`rgb(58,203,166)`
RGB Percent	22.7, 79.6, 65.1	`rgb(22.7%,79.6%,65.1%)`
CMYK	71, 0, 18, 20
HSL	164.7°, 58.2, 51.2	`hsl(164.7,58.2%,51.2%)`
HSV (or HSB)	164.7°, 71.4, 79.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.78, -46.62, 7.556
XYZ	29.981, 46.362, 43.443
xyY	0.25, 0.387, 46.362
CIE-LCH	73.78, 47.228, 170.794
CIE-LUV	73.78, -55.34, 18.475
Hunter-Lab	68.089, -40.559, 9.834
Binary	00111010, 11001011, 10100110

#3acba6
```
#3acba6 rgb(58,203,166)
```
#cb3a5f
```
#cb3a5f rgb(203,58,95)
```

Complementary Color

#3acb5e
```
#3acb5e rgb(58,203,94)
```
#3acba6
```
#3acba6 rgb(58,203,166)
```
#3aa8cb
```
#3aa8cb rgb(58,168,203)
```

Analogous Color

#cb5e3a
```
#cb5e3a rgb(203,94,58)
```
#3acba6
```
#3acba6 rgb(58,203,166)
```
#cb3aa8
```
#cb3aa8 rgb(203,58,168)
```

Split Complementary Color

#cba63a
```
#cba63a rgb(203,166,58)
```
#3acba6
```
#3acba6 rgb(58,203,166)
```
#a63acb
```
#a63acb rgb(166,58,203)
```

Triadic Color

#5fcb3a
```
#5fcb3a rgb(95,203,58)
```
#3acba6
```
#3acba6 rgb(58,203,166)
```
#a63acb
```
#a63acb rgb(166,58,203)
```
#cb3a5f
```
#cb3a5f rgb(203,58,95)
```

Tetradic Color

#279277
```
#279277 rgb(39,146,119)
```
#2ca687
```
#2ca687 rgb(44,166,135)
```
#31ba97
```
#31ba97 rgb(49,186,151)
```
#3acba6
```
#3acba6 rgb(58,203,166)
```
#4ed0af
```
#4ed0af rgb(78,208,175)
```
#62d6b8
```
#62d6b8 rgb(98,214,184)
```
#77dbc1
```
#77dbc1 rgb(119,219,193)
```

Monochromatic Color

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

#3acb82
```
#3acb82 rgb(58,203,130)
```
#3acb8e
```
#3acb8e rgb(58,203,142)
```
#3acb9a
```
#3acb9a rgb(58,203,154)
```
#3acba6
```
#3acba6 rgb(58,203,166)
```
#3acbb2
```
#3acbb2 rgb(58,203,178)
```
#3acbbe
```
#3acbbe rgb(58,203,190)
```
#3acbca
```
#3acbca rgb(58,203,202)
```

Similar Colors

Text with hexadecimal color #3acba6

This text has a font color of #3acba6.

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

#3acba6 background color

This paragraph has a background color of #3acba6.

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

#3acba6 border color

This element has a border color of #3acba6.

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

CSS codes

.text {color:#3acba6;}

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

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

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)
```
#0e332a
```
#0e332a rgb(14,51,42)
```
#124336
```
#124336 rgb(18,67,54)
```
#165243
```
#165243 rgb(22,82,67)
```
#1a624f
```
#1a624f rgb(26,98,79)
```
#1e715c
```
#1e715c rgb(30,113,92)
```
#228169
```
#228169 rgb(34,129,105)
```
#269075
```
#269075 rgb(38,144,117)
```
#2aa082
```
#2aa082 rgb(42,160,130)
```
#2eaf8f
```
#2eaf8f rgb(46,175,143)
```
#32bf9b
```
#32bf9b rgb(50,191,155)
```

Shade Color Variation

#3acba6
```
#3acba6 rgb(58,203,166)
```
#4acfad
```
#4acfad rgb(74,207,173)
```
#59d3b4
```
#59d3b4 rgb(89,211,180)
```
#69d7bb
```
#69d7bb rgb(105,215,187)
```
#78dbc2
```
#78dbc2 rgb(120,219,194)
```
#88dfc9
```
#88dfc9 rgb(136,223,201)
```
#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 #0afbbd is the most saturated one.

#7d8885
```
#7d8885 rgb(125,136,133)
```
#73928a
```
#73928a rgb(115,146,138)
```
#6a9b8f
```
#6a9b8f rgb(106,155,143)
```
#60a593
```
#60a593 rgb(96,165,147)
```
#57ae98
```
#57ae98 rgb(87,174,152)
```
#4db89d
```
#4db89d rgb(77,184,157)
```
#44c1a1
```
#44c1a1 rgb(68,193,161)
```
#3acba6
```
#3acba6 rgb(58,203,166)
```
#30d5ab
```
#30d5ab rgb(48,213,171)
```
#27deaf
```
#27deaf rgb(39,222,175)
```
#1de8b4
```
#1de8b4 rgb(29,232,180)
```
#14f1b9
```
#14f1b9 rgb(20,241,185)
```
#0afbbd
```
#0afbbd rgb(10,251,189)
```

Tone Color Variation

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

#c2b8a0 Protanopia 1% of men
#ccb3b3 Deuteranopia 1% of men
#5dc7d6 Tritanopia 0.001% of the population

Trichromacy

#90bfa2 Protanomaly 1% of men, 0.01% of women
#97bbae Deuteranomaly 6% of men, 0.4% of women
#50c8c4 Tritanomaly 0.01% of the population

#3acba6 hex color

#3acba6 Color Information

#3acba6 Color Conversion

Color Schemes with #3acba6

Alternatives to #3acba6

#3acba6 Preview

Shades and Tints of #3acba6

Tones of #3acba6

Color Blindness Simulator