#3a9484 hex color

In a RGB color space, hex #3a9484 is composed of 22.7% red, 58% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 0% magenta, 10.8% yellow and 42% black. It has a hue angle of 169.3 degrees, a saturation of 43.7% and a lightness of 40.4%. #3a9484 color hex could be obtained by blending #74ffff with #002909. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 23
- G 58
- B 52
RGB color chart
- C 61
- M 0
- Y 11
- K 42
CMYK color chart

● #3a9484 color description : Dark moderate cyan.

The hexadecimal color #3a9484 has RGB values of R:58, G:148, B:132 and CMYK values of C:0.61, M:0, Y:0.11, K:0.42. Its decimal value is 3839108.

Hex triplet	3a9484	`#3a9484`
RGB Decimal	58, 148, 132	`rgb(58,148,132)`
RGB Percent	22.7, 58, 51.8	`rgb(22.7%,58%,51.8%)`
CMYK	61, 0, 11, 42
HSL	169.3°, 43.7, 40.4	`hsl(169.3,43.7%,40.4%)`
HSV (or HSB)	169.3°, 60.8, 58
Web Safe	339999	`#339999`

CIE-LAB	55.831, -30.7, 0.499
XYZ	16.498, 23.744, 25.542
xyY	0.251, 0.361, 23.744
CIE-LCH	55.831, 30.704, 179.069
CIE-LUV	55.831, -36.982, 5.298
Hunter-Lab	48.728, -24.837, 3.031
Binary	00111010, 10010100, 10000100

#3a9484
```
#3a9484 rgb(58,148,132)
```
#943a4a
```
#943a4a rgb(148,58,74)
```

Complementary Color

#3a9457
```
#3a9457 rgb(58,148,87)
```
#3a9484
```
#3a9484 rgb(58,148,132)
```
#3a7794
```
#3a7794 rgb(58,119,148)
```

Analogous Color

#94573a
```
#94573a rgb(148,87,58)
```
#3a9484
```
#3a9484 rgb(58,148,132)
```
#943a77
```
#943a77 rgb(148,58,119)
```

Split Complementary Color

#94843a
```
#94843a rgb(148,132,58)
```
#3a9484
```
#3a9484 rgb(58,148,132)
```
#843a94
```
#843a94 rgb(132,58,148)
```

Triadic Color

#4a943a
```
#4a943a rgb(74,148,58)
```
#3a9484
```
#3a9484 rgb(58,148,132)
```
#843a94
```
#843a94 rgb(132,58,148)
```
#943a4a
```
#943a4a rgb(148,58,74)
```

Tetradic Color

#245d53
```
#245d53 rgb(36,93,83)
```
#2c6f63
```
#2c6f63 rgb(44,111,99)
```
#338274
```
#338274 rgb(51,130,116)
```
#3a9484
```
#3a9484 rgb(58,148,132)
```
#41a694
```
#41a694 rgb(65,166,148)
```
#49b8a4
```
#49b8a4 rgb(73,184,164)
```
#5cbfad
```
#5cbfad rgb(92,191,173)
```

Monochromatic Color

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

#3a946e
```
#3a946e rgb(58,148,110)
```
#3a9475
```
#3a9475 rgb(58,148,117)
```
#3a947d
```
#3a947d rgb(58,148,125)
```
#3a9484
```
#3a9484 rgb(58,148,132)
```
#3a948c
```
#3a948c rgb(58,148,140)
```
#3a9493
```
#3a9493 rgb(58,148,147)
```
#3a8e94
```
#3a8e94 rgb(58,142,148)
```

Similar Colors

Text with hexadecimal color #3a9484

This text has a font color of #3a9484.

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

#3a9484 background color

This paragraph has a background color of #3a9484.

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

#3a9484 border color

This element has a border color of #3a9484.

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

CSS codes

.text {color:#3a9484;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#081513
```
#081513 rgb(8,21,19)
```
#0e231f
```
#0e231f rgb(14,35,31)
```
#13312c
```
#13312c rgb(19,49,44)
```
#193f39
```
#193f39 rgb(25,63,57)
```
#1e4e45
```
#1e4e45 rgb(30,78,69)
```
#245c52
```
#245c52 rgb(36,92,82)
```
#296a5e
```
#296a5e rgb(41,106,94)
```
#2f786b
```
#2f786b rgb(47,120,107)
```
#348677
```
#348677 rgb(52,134,119)
```
#3a9484
```
#3a9484 rgb(58,148,132)
```
#40a291
```
#40a291 rgb(64,162,145)
```
#45b09d
```
#45b09d rgb(69,176,157)
```

Shade Color Variation

#4fbaa7
```
#4fbaa7 rgb(79,186,167)
```
#5dbfae
```
#5dbfae rgb(93,191,174)
```
#6bc5b5
```
#6bc5b5 rgb(107,197,181)
```
#79cbbc
```
#79cbbc rgb(121,203,188)
```
#87d0c3
```
#87d0c3 rgb(135,208,195)
```
#95d6ca
```
#95d6ca rgb(149,214,202)
```
#a3dbd1
```
#a3dbd1 rgb(163,219,209)
```
#b2e1d8
```
#b2e1d8 rgb(178,225,216)
```
#c0e6df
```
#c0e6df rgb(192,230,223)
```
#ceece6
```
#ceece6 rgb(206,236,230)
```
#dcf1ed
```
#dcf1ed rgb(220,241,237)
```
#eaf7f4
```
#eaf7f4 rgb(234,247,244)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626c6a is the less saturated color, while #03cba8 is the most saturated one.

#626c6a
```
#626c6a rgb(98,108,106)
```
#5a7470
```
#5a7470 rgb(90,116,112)
```
#527c75
```
#527c75 rgb(82,124,117)
```
#4a847a
```
#4a847a rgb(74,132,122)
```
#428c7f
```
#428c7f rgb(66,140,127)
```
#3a9484
```
#3a9484 rgb(58,148,132)
```
#329c89
```
#329c89 rgb(50,156,137)
```
#2aa48e
```
#2aa48e rgb(42,164,142)
```
#22ac93
```
#22ac93 rgb(34,172,147)
```
#1ab498
```
#1ab498 rgb(26,180,152)
```
#12bc9e
```
#12bc9e rgb(18,188,158)
```
#0ac4a3
```
#0ac4a3 rgb(10,196,163)
```
#03cba8
```
#03cba8 rgb(3,203,168)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6b7d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#908b83 Protanopia 1% of men
#968890 Deuteranopia 1% of men
#4f96a1 Tritanopia 0.001% of the population

Trichromacy

#718e83 Protanomaly 1% of men, 0.01% of women
#758c8b Deuteranomaly 6% of men, 0.4% of women
#479596 Tritanomaly 0.01% of the population

#3a9484 hex color

#3a9484 Color Information

#3a9484 Color Conversion

Color Schemes with #3a9484

Alternatives to #3a9484

#3a9484 Preview

Shades and Tints of #3a9484

Tones of #3a9484

Color Blindness Simulator