#3afcf8 hex color

In a RGB color space, hex #3afcf8 is composed of 22.7% red, 98.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 1.6% yellow and 1.2% black. It has a hue angle of 178.8 degrees, a saturation of 97% and a lightness of 60.8%. #3afcf8 color hex could be obtained by blending #74ffff with #00f9f1. Closest websafe color is: #33ffff.

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

● #3afcf8 color description : Bright cyan.

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

Hex triplet	3afcf8	`#3afcf8`
RGB Decimal	58, 252, 248	`rgb(58,252,248)`
RGB Percent	22.7, 98.8, 97.3	`rgb(22.7%,98.8%,97.3%)`
CMYK	77, 0, 2, 1
HSL	178.8°, 97, 60.8	`hsl(178.8,97%,60.8%)`
HSV (or HSB)	178.8°, 77, 98.8
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.456, -46.046, -11.444
XYZ	53.493, 77.292, 100.901
xyY	0.231, 0.334, 77.292
CIE-LCH	90.456, 47.447, 193.957
CIE-LUV	90.456, -66.626, -10.995
Hunter-Lab	87.916, -45.243, -6.506
Binary	00111010, 11111100, 11111000

#3afcf8
```
#3afcf8 rgb(58,252,248)
```
#fc3a3e
```
#fc3a3e rgb(252,58,62)
```

Complementary Color

#3afc97
```
#3afc97 rgb(58,252,151)
```
#3afcf8
```
#3afcf8 rgb(58,252,248)
```
#3a9ffc
```
#3a9ffc rgb(58,159,252)
```

Analogous Color

#fc973a
```
#fc973a rgb(252,151,58)
```
#3afcf8
```
#3afcf8 rgb(58,252,248)
```
#fc3a9f
```
#fc3a9f rgb(252,58,159)
```

Split Complementary Color

#fcf83a
```
#fcf83a rgb(252,248,58)
```
#3afcf8
```
#3afcf8 rgb(58,252,248)
```
#f83afc
```
#f83afc rgb(248,58,252)
```

Triadic Color

#3efc3a
```
#3efc3a rgb(62,252,58)
```
#3afcf8
```
#3afcf8 rgb(58,252,248)
```
#f83afc
```
#f83afc rgb(248,58,252)
```
#fc3a3e
```
#fc3a3e rgb(252,58,62)
```

Tetradic Color

#04e6e1
```
#04e6e1 rgb(4,230,225)
```
#08fbf6
```
#08fbf6 rgb(8,251,246)
```
#21fcf7
```
#21fcf7 rgb(33,252,247)
```
#3afcf8
```
#3afcf8 rgb(58,252,248)
```
#53fcf9
```
#53fcf9 rgb(83,252,249)
```
#6cfdfa
```
#6cfdfa rgb(108,253,250)
```
#85fdfb
```
#85fdfb rgb(133,253,251)
```

Monochromatic Color

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

#3afcc8
```
#3afcc8 rgb(58,252,200)
```
#3afcd8
```
#3afcd8 rgb(58,252,216)
```
#3afce8
```
#3afce8 rgb(58,252,232)
```
#3afcf8
```
#3afcf8 rgb(58,252,248)
```
#3af0fc
```
#3af0fc rgb(58,240,252)
```
#3ae0fc
```
#3ae0fc rgb(58,224,252)
```
#3ad0fc
```
#3ad0fc rgb(58,208,252)
```

Similar Colors

Text with hexadecimal color #3afcf8

This text has a font color of #3afcf8.

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

#3afcf8 background color

This paragraph has a background color of #3afcf8.

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

#3afcf8 border color

This element has a border color of #3afcf8.

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

CSS codes

.text {color:#3afcf8;}

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

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

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, #00100f is the darkest color, while #fbffff is the lightest one.

#00100f
```
#00100f rgb(0,16,15)
```
#012322
```
#012322 rgb(1,35,34)
```
#013635
```
#013635 rgb(1,54,53)
```
#014948
```
#014948 rgb(1,73,72)
```
#015d5b
```
#015d5b rgb(1,93,91)
```
#02706e
```
#02706e rgb(2,112,110)
```
#028381
```
#028381 rgb(2,131,129)
```
#029794
```
#029794 rgb(2,151,148)
```
#03aaa7
```
#03aaa7 rgb(3,170,167)
```
#03bdba
```
#03bdba rgb(3,189,186)
```
#03d1cd
```
#03d1cd rgb(3,209,205)
```
#03e4df
```
#03e4df rgb(3,228,223)
```
#04f7f2
```
#04f7f2 rgb(4,247,242)
```

Shade Color Variation

#13fbf7
```
#13fbf7 rgb(19,251,247)
```
#27fcf7
```
#27fcf7 rgb(39,252,247)
```
#3afcf8
```
#3afcf8 rgb(58,252,248)
```
#4dfcf9
```
#4dfcf9 rgb(77,252,249)
```
#61fdf9
```
#61fdf9 rgb(97,253,249)
```
#74fdfa
```
#74fdfa rgb(116,253,250)
```
#87fdfb
```
#87fdfb rgb(135,253,251)
```
#9bfdfb
```
#9bfdfb rgb(155,253,251)
```
#aefefc
```
#aefefc rgb(174,254,252)
```
#c1fefd
```
#c1fefd rgb(193,254,253)
```
#d5fefd
```
#d5fefd rgb(213,254,253)
```
#e8fffe
```
#e8fffe rgb(232,255,254)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#96a09f
```
#96a09f rgb(150,160,159)
```
#8fa7a7
```
#8fa7a7 rgb(143,167,167)
```
#87afae
```
#87afae rgb(135,175,174)
```
#7fb7b6
```
#7fb7b6 rgb(127,183,182)
```
#78bebd
```
#78bebd rgb(120,190,189)
```
#70c6c4
```
#70c6c4 rgb(112,198,196)
```
#68cecc
```
#68cecc rgb(104,206,204)
```
#60d6d3
```
#60d6d3 rgb(96,214,211)
```
#59ddda
```
#59ddda rgb(89,221,218)
```
#51e5e2
```
#51e5e2 rgb(81,229,226)
```
#49ede9
```
#49ede9 rgb(73,237,233)
```
#42f4f1
```
#42f4f1 rgb(66,244,241)
```
#3afcf8
```
#3afcf8 rgb(58,252,248)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#a7cecd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e3ea Protanopia 1% of men
#eae0ff Deuteranopia 1% of men
#9df2ff Tritanopia 0.001% of the population

Trichromacy

#a8ecef Protanomaly 1% of men, 0.01% of women
#aaeafc Deuteranomaly 6% of men, 0.4% of women
#79f5fc Tritanomaly 0.01% of the population

#3afcf8 hex color

#3afcf8 Color Information

#3afcf8 Color Conversion

Color Schemes with #3afcf8

Alternatives to #3afcf8

#3afcf8 Preview

Shades and Tints of #3afcf8

Tones of #3afcf8

Color Blindness Simulator