#3af4fc hex color

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

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

● #3af4fc color description : Bright cyan.

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

Hex triplet	3af4fc	`#3af4fc`
RGB Decimal	58, 244, 252	`rgb(58,244,252)`
RGB Percent	22.7, 95.7, 98.8	`rgb(22.7%,95.7%,98.8%)`
CMYK	77, 3, 0, 1
HSL	182.5°, 97, 60.8	`hsl(182.5,97%,60.8%)`
HSV (or HSB)	182.5°, 77, 98.8
Web Safe	33ffff	`#33ffff`

CIE-LAB	88.268, -41.384, -16.803
XYZ	51.661, 72.624, 103.385
xyY	0.227, 0.319, 72.624
CIE-LCH	88.268, 44.665, 202.098
CIE-LUV	88.268, -63.62, -20.577
Hunter-Lab	85.22, -40.927, -12.274
Binary	00111010, 11110100, 11111100

#3af4fc
```
#3af4fc rgb(58,244,252)
```
#fc423a
```
#fc423a rgb(252,66,58)
```

Complementary Color

#3afca3
```
#3afca3 rgb(58,252,163)
```
#3af4fc
```
#3af4fc rgb(58,244,252)
```
#3a93fc
```
#3a93fc rgb(58,147,252)
```

Analogous Color

#fca33a
```
#fca33a rgb(252,163,58)
```
#3af4fc
```
#3af4fc rgb(58,244,252)
```
#fc3a93
```
#fc3a93 rgb(252,58,147)
```

Split Complementary Color

#f4fc3a
```
#f4fc3a rgb(244,252,58)
```
#3af4fc
```
#3af4fc rgb(58,244,252)
```
#fc3af4
```
#fc3af4 rgb(252,58,244)
```

Triadic Color

#3afc42
```
#3afc42 rgb(58,252,66)
```
#3af4fc
```
#3af4fc rgb(58,244,252)
```
#fc3af4
```
#fc3af4 rgb(252,58,244)
```
#fc423a
```
#fc423a rgb(252,66,58)
```

Tetradic Color

#04dde6
```
#04dde6 rgb(4,221,230)
```
#08f1fb
```
#08f1fb rgb(8,241,251)
```
#21f3fc
```
#21f3fc rgb(33,243,252)
```
#3af4fc
```
#3af4fc rgb(58,244,252)
```
#53f5fc
```
#53f5fc rgb(83,245,252)
```
#6cf7fd
```
#6cf7fd rgb(108,247,253)
```
#85f8fd
```
#85f8fd rgb(133,248,253)
```

Monochromatic Color

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

#3afcd4
```
#3afcd4 rgb(58,252,212)
```
#3afce4
```
#3afce4 rgb(58,252,228)
```
#3afcf4
```
#3afcf4 rgb(58,252,244)
```
#3af4fc
```
#3af4fc rgb(58,244,252)
```
#3ae4fc
```
#3ae4fc rgb(58,228,252)
```
#3ad4fc
```
#3ad4fc rgb(58,212,252)
```
#3ac4fc
```
#3ac4fc rgb(58,196,252)
```

Similar Colors

Text with hexadecimal color #3af4fc

This text has a font color of #3af4fc.

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

#3af4fc background color

This paragraph has a background color of #3af4fc.

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

#3af4fc border color

This element has a border color of #3af4fc.

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

CSS codes

.text {color:#3af4fc;}

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

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

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

#000f10
```
#000f10 rgb(0,15,16)
```
#012123
```
#012123 rgb(1,33,35)
```
#013436
```
#013436 rgb(1,52,54)
```
#014749
```
#014749 rgb(1,71,73)
```
#01595d
```
#01595d rgb(1,89,93)
```
#026c70
```
#026c70 rgb(2,108,112)
```
#027e83
```
#027e83 rgb(2,126,131)
```
#029197
```
#029197 rgb(2,145,151)
```
#03a3aa
```
#03a3aa rgb(3,163,170)
```
#03b6bd
```
#03b6bd rgb(3,182,189)
```
#03c8d1
```
#03c8d1 rgb(3,200,209)
```
#03dbe4
```
#03dbe4 rgb(3,219,228)
```
#04edf7
```
#04edf7 rgb(4,237,247)
```

Shade Color Variation

#13f2fb
```
#13f2fb rgb(19,242,251)
```
#27f3fc
```
#27f3fc rgb(39,243,252)
```
#3af4fc
```
#3af4fc rgb(58,244,252)
```
#4df5fc
```
#4df5fc rgb(77,245,252)
```
#61f6fd
```
#61f6fd rgb(97,246,253)
```
#74f7fd
```
#74f7fd rgb(116,247,253)
```
#87f8fd
```
#87f8fd rgb(135,248,253)
```
#9bf9fd
```
#9bf9fd rgb(155,249,253)
```
#aefafe
```
#aefafe rgb(174,250,254)
```
#c1fcfe
```
#c1fcfe rgb(193,252,254)
```
#d5fdfe
```
#d5fdfe rgb(213,253,254)
```
#e8feff
```
#e8feff rgb(232,254,255)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#969fa0
```
#969fa0 rgb(150,159,160)
```
#8fa6a7
```
#8fa6a7 rgb(143,166,167)
```
#87adaf
```
#87adaf rgb(135,173,175)
```
#7fb4b7
```
#7fb4b7 rgb(127,180,183)
```
#78bcbe
```
#78bcbe rgb(120,188,190)
```
#70c3c6
```
#70c3c6 rgb(112,195,198)
```
#68cace
```
#68cace rgb(104,202,206)
```
#60d1d6
```
#60d1d6 rgb(96,209,214)
```
#59d8dd
```
#59d8dd rgb(89,216,221)
```
#51dfe5
```
#51dfe5 rgb(81,223,229)
```
#49e6ed
```
#49e6ed rgb(73,230,237)
```
#42edf4
```
#42edf4 rgb(66,237,244)
```
#3af4fc
```
#3af4fc rgb(58,244,252)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a3c8ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#deddef Protanopia 1% of men
#dfdbff Deuteranopia 1% of men
#7aefff Tritanopia 0.001% of the population

Trichromacy

#a2e5f3 Protanomaly 1% of men, 0.01% of women
#a3e4fd Deuteranomaly 6% of men, 0.4% of women
#63f1fd Tritanomaly 0.01% of the population

#3af4fc hex color

#3af4fc Color Information

#3af4fc Color Conversion

Color Schemes with #3af4fc

Alternatives to #3af4fc

#3af4fc Preview

Shades and Tints of #3af4fc

Tones of #3af4fc

Color Blindness Simulator