#3af9cd hex color

In a RGB color space, hex #3af9cd is composed of 22.7% red, 97.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 17.7% yellow and 2.4% black. It has a hue angle of 166.2 degrees, a saturation of 94.1% and a lightness of 60.2%. #3af9cd color hex could be obtained by blending #74ffff with #00f39b. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 23
- G 98
- B 80
RGB color chart
- C 77
- M 0
- Y 18
- K 2
CMYK color chart

● #3af9cd color description : Bright cyan.

The hexadecimal color #3af9cd has RGB values of R:58, G:249, B:205 and CMYK values of C:0.77, M:0, Y:0.18, K:0.02. Its decimal value is 3865037.

Hex triplet	3af9cd	`#3af9cd`
RGB Decimal	58, 249, 205	`rgb(58,249,205)`
RGB Percent	22.7, 97.6, 80.4	`rgb(22.7%,97.6%,80.4%)`
CMYK	77, 0, 18, 2
HSL	166.2°, 94.1, 60.2	`hsl(166.2,94.1%,60.2%)`
HSV (or HSB)	166.2°, 76.7, 97.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.473, -55.953, 8.01
XYZ	46.636, 73.054, 69.397
xyY	0.247, 0.386, 73.054
CIE-LCH	88.473, 56.523, 171.853
CIE-LUV	88.473, -68.692, 21.232
Hunter-Lab	85.472, -52.18, 11.691
Binary	00111010, 11111001, 11001101

#3af9cd
```
#3af9cd rgb(58,249,205)
```
#f93a66
```
#f93a66 rgb(249,58,102)
```

Complementary Color

#3af96e
```
#3af96e rgb(58,249,110)
```
#3af9cd
```
#3af9cd rgb(58,249,205)
```
#3ac6f9
```
#3ac6f9 rgb(58,198,249)
```

Analogous Color

#f96e3a
```
#f96e3a rgb(249,110,58)
```
#3af9cd
```
#3af9cd rgb(58,249,205)
```
#f93ac6
```
#f93ac6 rgb(249,58,198)
```

Split Complementary Color

#f9cd3a
```
#f9cd3a rgb(249,205,58)
```
#3af9cd
```
#3af9cd rgb(58,249,205)
```
#cd3af9
```
#cd3af9 rgb(205,58,249)
```

Triadic Color

#66f93a
```
#66f93a rgb(102,249,58)
```
#3af9cd
```
#3af9cd rgb(58,249,205)
```
#cd3af9
```
#cd3af9 rgb(205,58,249)
```
#f93a66
```
#f93a66 rgb(249,58,102)
```

Tetradic Color

#07e0ae
```
#07e0ae rgb(7,224,174)
```
#09f7c0
```
#09f7c0 rgb(9,247,192)
```
#21f8c7
```
#21f8c7 rgb(33,248,199)
```
#3af9cd
```
#3af9cd rgb(58,249,205)
```
#53fad3
```
#53fad3 rgb(83,250,211)
```
#6bfbda
```
#6bfbda rgb(107,251,218)
```
#84fbe0
```
#84fbe0 rgb(132,251,224)
```

Monochromatic Color

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

#3af99d
```
#3af99d rgb(58,249,157)
```
#3af9ad
```
#3af9ad rgb(58,249,173)
```
#3af9bd
```
#3af9bd rgb(58,249,189)
```
#3af9cd
```
#3af9cd rgb(58,249,205)
```
#3af9dd
```
#3af9dd rgb(58,249,221)
```
#3af9ed
```
#3af9ed rgb(58,249,237)
```
#3af5f9
```
#3af5f9 rgb(58,245,249)
```

Similar Colors

Text with hexadecimal color #3af9cd

This text has a font color of #3af9cd.

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

#3af9cd background color

This paragraph has a background color of #3af9cd.

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

#3af9cd border color

This element has a border color of #3af9cd.

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

CSS codes

.text {color:#3af9cd;}

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

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

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, #000c0a is the darkest color, while #f8fffd is the lightest one.

#000c0a
```
#000c0a rgb(0,12,10)
```
#011f18
```
#011f18 rgb(1,31,24)
```
#023227
```
#023227 rgb(2,50,39)
```
#024536
```
#024536 rgb(2,69,54)
```
#035945
```
#035945 rgb(3,89,69)
```
#036c54
```
#036c54 rgb(3,108,84)
```
#047f62
```
#047f62 rgb(4,127,98)
```
#049271
```
#049271 rgb(4,146,113)
```
#05a580
```
#05a580 rgb(5,165,128)
```
#06b88f
```
#06b88f rgb(6,184,143)
```
#06cb9d
```
#06cb9d rgb(6,203,157)
```
#07deac
```
#07deac rgb(7,222,172)
```
#07f1bb
```
#07f1bb rgb(7,241,187)
```

Shade Color Variation

#14f8c3
```
#14f8c3 rgb(20,248,195)
```
#27f8c8
```
#27f8c8 rgb(39,248,200)
```
#3af9cd
```
#3af9cd rgb(58,249,205)
```
#4dfad2
```
#4dfad2 rgb(77,250,210)
```
#60fad7
```
#60fad7 rgb(96,250,215)
```
#73fbdb
```
#73fbdb rgb(115,251,219)
```
#86fbe0
```
#86fbe0 rgb(134,251,224)
```
#99fce5
```
#99fce5 rgb(153,252,229)
```
#acfcea
```
#acfcea rgb(172,252,234)
```
#bffdef
```
#bffdef rgb(191,253,239)
```
#d2fef4
```
#d2fef4 rgb(210,254,244)
```
#e5fef8
```
#e5fef8 rgb(229,254,248)
```
#f8fffd
```
#f8fffd rgb(248,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989b9a is the less saturated color, while #3af9cd is the most saturated one.

#989b9a
```
#989b9a rgb(152,155,154)
```
#90a39f
```
#90a39f rgb(144,163,159)
```
#88aba3
```
#88aba3 rgb(136,171,163)
```
#80b3a7
```
#80b3a7 rgb(128,179,167)
```
#78bbab
```
#78bbab rgb(120,187,171)
```
#71c2b0
```
#71c2b0 rgb(113,194,176)
```
#69cab4
```
#69cab4 rgb(105,202,180)
```
#61d2b8
```
#61d2b8 rgb(97,210,184)
```
#59dabc
```
#59dabc rgb(89,218,188)
```
#51e2c0
```
#51e2c0 rgb(81,226,192)
```
#4ae9c5
```
#4ae9c5 rgb(74,233,197)
```
#42f1c9
```
#42f1c9 rgb(66,241,201)
```
#3af9cd
```
#3af9cd rgb(58,249,205)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a1c7bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#eadfc2 Protanopia 1% of men
#f6d8db Deuteranopia 1% of men
#83efff Tritanopia 0.001% of the population

Trichromacy

#aae8c6 Protanomaly 1% of men, 0.01% of women
#b1e4d5 Deuteranomaly 6% of men, 0.4% of women
#68f2ec Tritanomaly 0.01% of the population

#3af9cd hex color

#3af9cd Color Information

#3af9cd Color Conversion

Color Schemes with #3af9cd

Alternatives to #3af9cd

#3af9cd Preview

Shades and Tints of #3af9cd

Tones of #3af9cd

Color Blindness Simulator