#3daaa1 hex color

In a RGB color space, hex #3daaa1 is composed of 23.9% red, 66.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 5.3% yellow and 33.3% black. It has a hue angle of 175 degrees, a saturation of 47.2% and a lightness of 45.3%. #3daaa1 color hex could be obtained by blending #7affff with #005543. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 24
- G 67
- B 63
RGB color chart
- C 64
- M 0
- Y 5
- K 33
CMYK color chart

● #3daaa1 color description : Dark moderate cyan.

The hexadecimal color #3daaa1 has RGB values of R:61, G:170, B:161 and CMYK values of C:0.64, M:0, Y:0.05, K:0.33. Its decimal value is 4041377.

Hex triplet	3daaa1	`#3daaa1`
RGB Decimal	61, 170, 161	`rgb(61,170,161)`
RGB Percent	23.9, 66.7, 63.1	`rgb(23.9%,66.7%,63.1%)`
CMYK	64, 0, 5, 33
HSL	175°, 47.2, 45.3	`hsl(175,47.2%,45.3%)`
HSV (or HSB)	175°, 64.1, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.601, -32.751, -4.496
XYZ	22.73, 32.313, 38.755
xyY	0.242, 0.344, 32.313
CIE-LCH	63.601, 33.058, 187.816
CIE-LUV	63.601, -43.044, -1.698
Hunter-Lab	56.844, -28.101, -0.632
Binary	00111101, 10101010, 10100001

#3daaa1
```
#3daaa1 rgb(61,170,161)
```
#aa3d46
```
#aa3d46 rgb(170,61,70)
```

Complementary Color

#3daa6b
```
#3daa6b rgb(61,170,107)
```
#3daaa1
```
#3daaa1 rgb(61,170,161)
```
#3d7daa
```
#3d7daa rgb(61,125,170)
```

Analogous Color

#aa6b3d
```
#aa6b3d rgb(170,107,61)
```
#3daaa1
```
#3daaa1 rgb(61,170,161)
```
#aa3d7d
```
#aa3d7d rgb(170,61,125)
```

Split Complementary Color

#aaa13d
```
#aaa13d rgb(170,161,61)
```
#3daaa1
```
#3daaa1 rgb(61,170,161)
```
#a13daa
```
#a13daa rgb(161,61,170)
```

Triadic Color

#46aa3d
```
#46aa3d rgb(70,170,61)
```
#3daaa1
```
#3daaa1 rgb(61,170,161)
```
#a13daa
```
#a13daa rgb(161,61,170)
```
#aa3d46
```
#aa3d46 rgb(170,61,70)
```

Tetradic Color

#29726c
```
#29726c rgb(41,114,108)
```
#30847d
```
#30847d rgb(48,132,125)
```
#36978f
```
#36978f rgb(54,151,143)
```
#3daaa1
```
#3daaa1 rgb(61,170,161)
```
#44bcb2
```
#44bcb2 rgb(68,188,178)
```
#57c3ba
```
#57c3ba rgb(87,195,186)
```
#6acac2
```
#6acac2 rgb(106,202,194)
```

Monochromatic Color

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

#3daa86
```
#3daa86 rgb(61,170,134)
```
#3daa8f
```
#3daa8f rgb(61,170,143)
```
#3daa98
```
#3daa98 rgb(61,170,152)
```
#3daaa1
```
#3daaa1 rgb(61,170,161)
```
#3daaaa
```
#3daaaa rgb(61,170,170)
```
#3da1aa
```
#3da1aa rgb(61,161,170)
```
#3d98aa
```
#3d98aa rgb(61,152,170)
```

Similar Colors

Text with hexadecimal color #3daaa1

This text has a font color of #3daaa1.

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

#3daaa1 background color

This paragraph has a background color of #3daaa1.

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

#3daaa1 border color

This element has a border color of #3daaa1.

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

CSS codes

.text {color:#3daaa1;}

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

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

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

#040b0b
```
#040b0b rgb(4,11,11)
```
#091a18
```
#091a18 rgb(9,26,24)
```
#0e2826
```
#0e2826 rgb(14,40,38)
```
#143734
```
#143734 rgb(20,55,52)
```
#194541
```
#194541 rgb(25,69,65)
```
#1e534f
```
#1e534f rgb(30,83,79)
```
#23625d
```
#23625d rgb(35,98,93)
```
#28706a
```
#28706a rgb(40,112,106)
```
#2d7f78
```
#2d7f78 rgb(45,127,120)
```
#338d86
```
#338d86 rgb(51,141,134)
```
#389c93
```
#389c93 rgb(56,156,147)
```
#3daaa1
```
#3daaa1 rgb(61,170,161)
```
#42b8af
```
#42b8af rgb(66,184,175)
```

Shade Color Variation

#4fc0b6
```
#4fc0b6 rgb(79,192,182)
```
#5dc5bc
```
#5dc5bc rgb(93,197,188)
```
#6bcac2
```
#6bcac2 rgb(107,202,194)
```
#7acfc8
```
#7acfc8 rgb(122,207,200)
```
#88d4ce
```
#88d4ce rgb(136,212,206)
```
#97dad4
```
#97dad4 rgb(151,218,212)
```
#a5dfda
```
#a5dfda rgb(165,223,218)
```
#b4e4e0
```
#b4e4e0 rgb(180,228,224)
```
#c2e9e6
```
#c2e9e6 rgb(194,233,230)
```
#d0eeec
```
#d0eeec rgb(208,238,236)
```
#dff3f2
```
#dff3f2 rgb(223,243,242)
```
#edf9f8
```
#edf9f8 rgb(237,249,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727574 is the less saturated color, while #08dfce is the most saturated one.

#727574
```
#727574 rgb(114,117,116)
```
#697e7c
```
#697e7c rgb(105,126,124)
```
#618683
```
#618683 rgb(97,134,131)
```
#588f8b
```
#588f8b rgb(88,143,139)
```
#4f9892
```
#4f9892 rgb(79,152,146)
```
#46a19a
```
#46a19a rgb(70,161,154)
```
#3daaa1
```
#3daaa1 rgb(61,170,161)
```
#34b3a8
```
#34b3a8 rgb(52,179,168)
```
#2bbcb0
```
#2bbcb0 rgb(43,188,176)
```
#22c5b7
```
#22c5b7 rgb(34,197,183)
```
#19cebf
```
#19cebf rgb(25,206,191)
```
#11d6c6
```
#11d6c6 rgb(17,214,198)
```
#08dfce
```
#08dfce rgb(8,223,206)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#798f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29e9d Protanopia 1% of men
#a79bac Deuteranopia 1% of men
#51abb8 Tritanopia 0.001% of the population

Trichromacy

#7da29e Protanomaly 1% of men, 0.01% of women
#80a0a8 Deuteranomaly 6% of men, 0.4% of women
#49abaf Tritanomaly 0.01% of the population

#3daaa1 hex color

#3daaa1 Color Information

#3daaa1 Color Conversion

Color Schemes with #3daaa1

Alternatives to #3daaa1

#3daaa1 Preview

Shades and Tints of #3daaa1

Tones of #3daaa1

Color Blindness Simulator