#3daabf hex color

In a RGB color space, hex #3daabf is composed of 23.9% red, 66.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 11% magenta, 0% yellow and 25.1% black. It has a hue angle of 189.7 degrees, a saturation of 51.6% and a lightness of 49.4%. #3daabf color hex could be obtained by blending #7affff with #00557f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 67
- B 75
RGB color chart
- C 68
- M 11
- Y 0
- K 25
CMYK color chart

● #3daabf color description : Moderate cyan.

The hexadecimal color #3daabf has RGB values of R:61, G:170, B:191 and CMYK values of C:0.68, M:0.11, Y:0, K:0.25. Its decimal value is 4041407.

Hex triplet	3daabf	`#3daabf`
RGB Decimal	61, 170, 191	`rgb(61,170,191)`
RGB Percent	23.9, 66.7, 74.9	`rgb(23.9%,66.7%,74.9%)`
CMYK	68, 11, 0, 25
HSL	189.7°, 51.6, 49.4	`hsl(189.7,51.6%,49.4%)`
HSV (or HSB)	189.7°, 68.1, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.565, -23.937, -19.795
XYZ	25.701, 33.501, 54.399
xyY	0.226, 0.295, 33.501
CIE-LCH	64.565, 31.061, 219.589
CIE-LUV	64.565, -41.258, -27.077
Hunter-Lab	57.88, -22.03, -15.208
Binary	00111101, 10101010, 10111111

#3daabf
```
#3daabf rgb(61,170,191)
```
#bf523d
```
#bf523d rgb(191,82,61)
```

Complementary Color

#3dbf93
```
#3dbf93 rgb(61,191,147)
```
#3daabf
```
#3daabf rgb(61,170,191)
```
#3d69bf
```
#3d69bf rgb(61,105,191)
```

Analogous Color

#bf933d
```
#bf933d rgb(191,147,61)
```
#3daabf
```
#3daabf rgb(61,170,191)
```
#bf3d69
```
#bf3d69 rgb(191,61,105)
```

Split Complementary Color

#aabf3d
```
#aabf3d rgb(170,191,61)
```
#3daabf
```
#3daabf rgb(61,170,191)
```
#bf3daa
```
#bf3daa rgb(191,61,170)
```

Triadic Color

#3dbf52
```
#3dbf52 rgb(61,191,82)
```
#3daabf
```
#3daabf rgb(61,170,191)
```
#bf3daa
```
#bf3daa rgb(191,61,170)
```
#bf523d
```
#bf523d rgb(191,82,61)
```

Tetradic Color

#2a7685
```
#2a7685 rgb(42,118,133)
```
#318898
```
#318898 rgb(49,136,152)
```
#3799ac
```
#3799ac rgb(55,153,172)
```
#3daabf
```
#3daabf rgb(61,170,191)
```
#4fb3c7
```
#4fb3c7 rgb(79,179,199)
```
#62bccd
```
#62bccd rgb(98,188,205)
```
#75c4d3
```
#75c4d3 rgb(117,196,211)
```

Monochromatic Color

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

#3dbfb4
```
#3dbfb4 rgb(61,191,180)
```
#3dbfbe
```
#3dbfbe rgb(61,191,190)
```
#3db5bf
```
#3db5bf rgb(61,181,191)
```
#3daabf
```
#3daabf rgb(61,170,191)
```
#3d9fbf
```
#3d9fbf rgb(61,159,191)
```
#3d94bf
```
#3d94bf rgb(61,148,191)
```
#3d8abf
```
#3d8abf rgb(61,138,191)
```

Similar Colors

Text with hexadecimal color #3daabf

This text has a font color of #3daabf.

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

#3daabf background color

This paragraph has a background color of #3daabf.

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

#3daabf border color

This element has a border color of #3daabf.

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

CSS codes

.text {color:#3daabf;}

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

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

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

#040b0d
```
#040b0d rgb(4,11,13)
```
#09181b
```
#09181b rgb(9,24,27)
```
#0e262a
```
#0e262a rgb(14,38,42)
```
#123339
```
#123339 rgb(18,51,57)
```
#174048
```
#174048 rgb(23,64,72)
```
#1c4d57
```
#1c4d57 rgb(28,77,87)
```
#215b66
```
#215b66 rgb(33,91,102)
```
#256875
```
#256875 rgb(37,104,117)
```
#2a7584
```
#2a7584 rgb(42,117,132)
```
#2f8292
```
#2f8292 rgb(47,130,146)
```
#3490a1
```
#3490a1 rgb(52,144,161)
```
#389db0
```
#389db0 rgb(56,157,176)
```
#3daabf
```
#3daabf rgb(61,170,191)
```

Shade Color Variation

#4ab1c5
```
#4ab1c5 rgb(74,177,197)
```
#59b8ca
```
#59b8ca rgb(89,184,202)
```
#68becf
```
#68becf rgb(104,190,207)
```
#77c5d4
```
#77c5d4 rgb(119,197,212)
```
#86cbd8
```
#86cbd8 rgb(134,203,216)
```
#95d1dd
```
#95d1dd rgb(149,209,221)
```
#a4d8e2
```
#a4d8e2 rgb(164,216,226)
```
#b2dee7
```
#b2dee7 rgb(178,222,231)
```
#c1e4eb
```
#c1e4eb rgb(193,228,235)
```
#d0ebf0
```
#d0ebf0 rgb(208,235,240)
```
#dff1f5
```
#dff1f5 rgb(223,241,245)
```
#eef8fa
```
#eef8fa rgb(238,248,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#778385
```
#778385 rgb(119,131,133)
```
#6d898f
```
#6d898f rgb(109,137,143)
```
#649098
```
#649098 rgb(100,144,152)
```
#5a96a2
```
#5a96a2 rgb(90,150,162)
```
#509dac
```
#509dac rgb(80,157,172)
```
#47a3b5
```
#47a3b5 rgb(71,163,181)
```
#3daabf
```
#3daabf rgb(61,170,191)
```
#33b1c9
```
#33b1c9 rgb(51,177,201)
```
#2ab7d2
```
#2ab7d2 rgb(42,183,210)
```
#20bedc
```
#20bedc rgb(32,190,220)
```
#16c4e6
```
#16c4e6 rgb(22,196,230)
```
#0dcbef
```
#0dcbef rgb(13,203,239)
```
#03d1f9
```
#03d1f9 rgb(3,209,249)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7c9296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca0b9 Protanopia 1% of men
#9b9ec8 Deuteranopia 1% of men
#42afbc Tritanopia 0.001% of the population

Trichromacy

#79a3bb Protanomaly 1% of men, 0.01% of women
#79a2c4 Deuteranomaly 6% of men, 0.4% of women
#40adbd Tritanomaly 0.01% of the population

#3daabf hex color

#3daabf Color Information

#3daabf Color Conversion

Color Schemes with #3daabf

Alternatives to #3daabf

#3daabf Preview

Shades and Tints of #3daabf

Tones of #3daabf

Color Blindness Simulator