#3afdfc hex color

In a RGB color space, hex #3afdfc is composed of 22.7% red, 99.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 0.4% yellow and 0.8% black. It has a hue angle of 179.7 degrees, a saturation of 98% and a lightness of 61%. #3afdfc color hex could be obtained by blending #74ffff with #00fbf9. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 23
- G 99
- B 99
RGB color chart
- C 77
- M 0
- Y 0
- K 1
CMYK color chart

● #3afdfc color description : Bright cyan.

The hexadecimal color #3afdfc has RGB values of R:58, G:253, B:252 and CMYK values of C:0.77, M:0, Y:0, K:0.01. Its decimal value is 3866108.

Hex triplet	3afdfc	`#3afdfc`
RGB Decimal	58, 253, 252	`rgb(58,253,252)`
RGB Percent	22.7, 99.2, 98.8	`rgb(22.7%,99.2%,98.8%)`
CMYK	77, 0, 0, 1
HSL	179.7°, 98, 61	`hsl(179.7,98%,61%)`
HSV (or HSB)	179.7°, 77.1, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.859, -45.373, -12.921
XYZ	54.435, 78.173, 104.31
xyY	0.23, 0.33, 78.173
CIE-LCH	90.859, 47.176, 195.895
CIE-LUV	90.859, -66.672, -13.547
Hunter-Lab	88.416, -44.829, -8.058
Binary	00111010, 11111101, 11111100

#3afdfc
```
#3afdfc rgb(58,253,252)
```
#fd3a3b
```
#fd3a3b rgb(253,58,59)
```

Complementary Color

#3afd9b
```
#3afd9b rgb(58,253,155)
```
#3afdfc
```
#3afdfc rgb(58,253,252)
```
#3a9dfd
```
#3a9dfd rgb(58,157,253)
```

Analogous Color

#fd9b3a
```
#fd9b3a rgb(253,155,58)
```
#3afdfc
```
#3afdfc rgb(58,253,252)
```
#fd3a9d
```
#fd3a9d rgb(253,58,157)
```

Split Complementary Color

#fdfc3a
```
#fdfc3a rgb(253,252,58)
```
#3afdfc
```
#3afdfc rgb(58,253,252)
```
#fc3afd
```
#fc3afd rgb(252,58,253)
```

Triadic Color

#3bfd3a
```
#3bfd3a rgb(59,253,58)
```
#3afdfc
```
#3afdfc rgb(58,253,252)
```
#fc3afd
```
#fc3afd rgb(252,58,253)
```
#fd3a3b
```
#fd3a3b rgb(253,58,59)
```

Tetradic Color

#02e8e7
```
#02e8e7 rgb(2,232,231)
```
#08fcfb
```
#08fcfb rgb(8,252,251)
```
#21fdfc
```
#21fdfc rgb(33,253,252)
```
#3afdfc
```
#3afdfc rgb(58,253,252)
```
#53fdfc
```
#53fdfc rgb(83,253,252)
```
#6cfefd
```
#6cfefd rgb(108,254,253)
```
#86fefd
```
#86fefd rgb(134,254,253)
```

Monochromatic Color

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

#3afdcb
```
#3afdcb rgb(58,253,203)
```
#3afddc
```
#3afddc rgb(58,253,220)
```
#3afdec
```
#3afdec rgb(58,253,236)
```
#3afdfc
```
#3afdfc rgb(58,253,252)
```
#3aeefd
```
#3aeefd rgb(58,238,253)
```
#3adefd
```
#3adefd rgb(58,222,253)
```
#3acdfd
```
#3acdfd rgb(58,205,253)
```

Similar Colors

Text with hexadecimal color #3afdfc

This text has a font color of #3afdfc.

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

#3afdfc background color

This paragraph has a background color of #3afdfc.

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

#3afdfc border color

This element has a border color of #3afdfc.

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

CSS codes

.text {color:#3afdfc;}

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

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

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

#001111
```
#001111 rgb(0,17,17)
```
#002424
```
#002424 rgb(0,36,36)
```
#013737
```
#013737 rgb(1,55,55)
```
#014b4a
```
#014b4a rgb(1,75,74)
```
#015e5e
```
#015e5e rgb(1,94,94)
```
#017271
```
#017271 rgb(1,114,113)
```
#018584
```
#018584 rgb(1,133,132)
```
#029998
```
#029998 rgb(2,153,152)
```
#02acab
```
#02acab rgb(2,172,171)
```
#02bfbe
```
#02bfbe rgb(2,191,190)
```
#02d3d2
```
#02d3d2 rgb(2,211,210)
```
#02e6e5
```
#02e6e5 rgb(2,230,229)
```
#03faf8
```
#03faf8 rgb(3,250,248)
```

Shade Color Variation

#13fdfb
```
#13fdfb rgb(19,253,251)
```
#27fdfc
```
#27fdfc rgb(39,253,252)
```
#3afdfc
```
#3afdfc rgb(58,253,252)
```
#4dfdfc
```
#4dfdfc rgb(77,253,252)
```
#61fdfd
```
#61fdfd rgb(97,253,253)
```
#74fefd
```
#74fefd rgb(116,254,253)
```
#88fefd
```
#88fefd rgb(136,254,253)
```
#9bfefd
```
#9bfefd rgb(155,254,253)
```
#affefe
```
#affefe rgb(175,254,254)
```
#c2fefe
```
#c2fefe rgb(194,254,254)
```
#d5fffe
```
#d5fffe rgb(213,255,254)
```
#e9ffff
```
#e9ffff rgb(233,255,255)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#96a1a1
```
#96a1a1 rgb(150,161,161)
```
#8ea9a9
```
#8ea9a9 rgb(142,169,169)
```
#87b0b0
```
#87b0b0 rgb(135,176,176)
```
#7fb8b8
```
#7fb8b8 rgb(127,184,184)
```
#77c0bf
```
#77c0bf rgb(119,192,191)
```
#70c7c7
```
#70c7c7 rgb(112,199,199)
```
#68cfcf
```
#68cfcf rgb(104,207,207)
```
#60d7d6
```
#60d7d6 rgb(96,215,214)
```
#59dede
```
#59dede rgb(89,222,222)
```
#51e6e5
```
#51e6e5 rgb(81,230,229)
```
#49eeed
```
#49eeed rgb(73,238,237)
```
#42f5f4
```
#42f5f4 rgb(66,245,244)
```
#3afdfc
```
#3afdfc rgb(58,253,252)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#a8cfce Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e4ee Protanopia 1% of men
#e9e2ff Deuteranopia 1% of men
#a3f2ff Tritanopia 0.001% of the population

Trichromacy

#a8edf3 Protanomaly 1% of men, 0.01% of women
#a9ebfd Deuteranomaly 6% of men, 0.4% of women
#7cf6fd Tritanomaly 0.01% of the population

#3afdfc hex color

#3afdfc Color Information

#3afdfc Color Conversion

Color Schemes with #3afdfc

Alternatives to #3afdfc

#3afdfc Preview

Shades and Tints of #3afdfc

Tones of #3afdfc

Color Blindness Simulator