#3af5dc hex color

In a RGB color space, hex #3af5dc is composed of 22.7% red, 96.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 10.2% yellow and 3.9% black. It has a hue angle of 172 degrees, a saturation of 90.3% and a lightness of 59.4%. #3af5dc color hex could be obtained by blending #74ffff with #00ebb9. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 23
- G 96
- B 86
RGB color chart
- C 76
- M 0
- Y 10
- K 4
CMYK color chart

● #3af5dc color description : Bright cyan.

The hexadecimal color #3af5dc has RGB values of R:58, G:245, B:220 and CMYK values of C:0.76, M:0, Y:0.1, K:0.04. Its decimal value is 3864028.

Hex triplet	3af5dc	`#3af5dc`
RGB Decimal	58, 245, 220	`rgb(58,245,220)`
RGB Percent	22.7, 96.1, 86.3	`rgb(22.7%,96.1%,86.3%)`
CMYK	76, 0, 10, 4
HSL	172°, 90.3, 59.4	`hsl(172,90.3%,59.4%)`
HSV (or HSB)	172°, 76.3, 96.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.663, -50.565, -0.977
XYZ	47.311, 71.367, 78.988
xyY	0.239, 0.361, 71.367
CIE-LCH	87.663, 50.574, 181.107
CIE-LUV	87.663, -66.272, 6.57
Hunter-Lab	84.479, -47.872, 3.699
Binary	00111010, 11110101, 11011100

#3af5dc
```
#3af5dc rgb(58,245,220)
```
#f53a53
```
#f53a53 rgb(245,58,83)
```

Complementary Color

#3af57f
```
#3af57f rgb(58,245,127)
```
#3af5dc
```
#3af5dc rgb(58,245,220)
```
#3ab1f5
```
#3ab1f5 rgb(58,177,245)
```

Analogous Color

#f57f3a
```
#f57f3a rgb(245,127,58)
```
#3af5dc
```
#3af5dc rgb(58,245,220)
```
#f53ab1
```
#f53ab1 rgb(245,58,177)
```

Split Complementary Color

#f5dc3a
```
#f5dc3a rgb(245,220,58)
```
#3af5dc
```
#3af5dc rgb(58,245,220)
```
#dc3af5
```
#dc3af5 rgb(220,58,245)
```

Triadic Color

#53f53a
```
#53f53a rgb(83,245,58)
```
#3af5dc
```
#3af5dc rgb(58,245,220)
```
#dc3af5
```
#dc3af5 rgb(220,58,245)
```
#f53a53
```
#f53a53 rgb(245,58,83)
```

Tetradic Color

#0bd8bc
```
#0bd8bc rgb(11,216,188)
```
#0cf0d1
```
#0cf0d1 rgb(12,240,209)
```
#22f4d8
```
#22f4d8 rgb(34,244,216)
```
#3af5dc
```
#3af5dc rgb(58,245,220)
```
#52f6e0
```
#52f6e0 rgb(82,246,224)
```
#6bf7e5
```
#6bf7e5 rgb(107,247,229)
```
#83f9e9
```
#83f9e9 rgb(131,249,233)
```

Monochromatic Color

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

#3af5ad
```
#3af5ad rgb(58,245,173)
```
#3af5bd
```
#3af5bd rgb(58,245,189)
```
#3af5cc
```
#3af5cc rgb(58,245,204)
```
#3af5dc
```
#3af5dc rgb(58,245,220)
```
#3af5ec
```
#3af5ec rgb(58,245,236)
```
#3aeff5
```
#3aeff5 rgb(58,239,245)
```
#3adff5
```
#3adff5 rgb(58,223,245)
```

Similar Colors

Text with hexadecimal color #3af5dc

This text has a font color of #3af5dc.

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

#3af5dc background color

This paragraph has a background color of #3af5dc.

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

#3af5dc border color

This element has a border color of #3af5dc.

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

CSS codes

.text {color:#3af5dc;}

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

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

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

#000807
```
#000807 rgb(0,8,7)
```
#011b18
```
#011b18 rgb(1,27,24)
```
#022e28
```
#022e28 rgb(2,46,40)
```
#034038
```
#034038 rgb(3,64,56)
```
#045348
```
#045348 rgb(4,83,72)
```
#056659
```
#056659 rgb(5,102,89)
```
#067869
```
#067869 rgb(6,120,105)
```
#078b79
```
#078b79 rgb(7,139,121)
```
#089e8a
```
#089e8a rgb(8,158,138)
```
#09b09a
```
#09b09a rgb(9,176,154)
```
#0ac3aa
```
#0ac3aa rgb(10,195,170)
```
#0bd6bb
```
#0bd6bb rgb(11,214,187)
```
#0ce8cb
```
#0ce8cb rgb(12,232,203)
```

Shade Color Variation

#15f3d5
```
#15f3d5 rgb(21,243,213)
```
#27f4d9
```
#27f4d9 rgb(39,244,217)
```
#3af5dc
```
#3af5dc rgb(58,245,220)
```
#4df6df
```
#4df6df rgb(77,246,223)
```
#5ff7e3
```
#5ff7e3 rgb(95,247,227)
```
#72f8e6
```
#72f8e6 rgb(114,248,230)
```
#85f9e9
```
#85f9e9 rgb(133,249,233)
```
#97faed
```
#97faed rgb(151,250,237)
```
#aafbf0
```
#aafbf0 rgb(170,251,240)
```
#bdfcf3
```
#bdfcf3 rgb(189,252,243)
```
#cffdf7
```
#cffdf7 rgb(207,253,247)
```
#e2fefa
```
#e2fefa rgb(226,254,250)
```
#f5fefd
```
#f5fefd rgb(245,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929d9c is the less saturated color, while #32fde2 is the most saturated one.

#929d9c
```
#929d9c rgb(146,157,156)
```
#8aa5a2
```
#8aa5a2 rgb(138,165,162)
```
#82ada8
```
#82ada8 rgb(130,173,168)
```
#7ab5ad
```
#7ab5ad rgb(122,181,173)
```
#72bdb3
```
#72bdb3 rgb(114,189,179)
```
#6ac5b9
```
#6ac5b9 rgb(106,197,185)
```
#62cdbf
```
#62cdbf rgb(98,205,191)
```
#5ad5c5
```
#5ad5c5 rgb(90,213,197)
```
#52ddcb
```
#52ddcb rgb(82,221,203)
```
#4ae5d0
```
#4ae5d0 rgb(74,229,208)
```
#42edd6
```
#42edd6 rgb(66,237,214)
```
#3af5dc
```
#3af5dc rgb(58,245,220)
```
#32fde2
```
#32fde2 rgb(50,253,226)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a0c6c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4dcd1 Protanopia 1% of men
#ecd7e8 Deuteranopia 1% of men
#72eeff Tritanopia 0.001% of the population

Trichromacy

#a6e5d5 Protanomaly 1% of men, 0.01% of women
#abe2e4 Deuteranomaly 6% of men, 0.4% of women
#5ef0f2 Tritanomaly 0.01% of the population

#3af5dc hex color

#3af5dc Color Information

#3af5dc Color Conversion

Color Schemes with #3af5dc

Alternatives to #3af5dc

#3af5dc Preview

Shades and Tints of #3af5dc

Tones of #3af5dc

Color Blindness Simulator