#3fcaf6 hex color

In a RGB color space, hex #3fcaf6 is composed of 24.7% red, 79.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 17.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 194.4 degrees, a saturation of 91% and a lightness of 60.6%. #3fcaf6 color hex could be obtained by blending #7effff with #0095ed. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 25
- G 79
- B 96
RGB color chart
- C 74
- M 18
- Y 0
- K 4
CMYK color chart

● #3fcaf6 color description : Bright cyan.

The hexadecimal color #3fcaf6 has RGB values of R:63, G:202, B:246 and CMYK values of C:0.74, M:0.18, Y:0, K:0.04. Its decimal value is 4180726.

Hex triplet	3fcaf6	`#3fcaf6`
RGB Decimal	63, 202, 246	`rgb(63,202,246)`
RGB Percent	24.7, 79.2, 96.5	`rgb(24.7%,79.2%,96.5%)`
CMYK	74, 18, 0, 4
HSL	194.4°, 91, 60.6	`hsl(194.4,91%,60.6%)`
HSV (or HSB)	194.4°, 74.4, 96.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.037, -22.642, -32.242
XYZ	39.801, 49.948, 94.727
xyY	0.216, 0.271, 49.948
CIE-LCH	76.037, 39.398, 234.921
CIE-LUV	76.037, -48.927, -48.896
Hunter-Lab	70.674, -23.156, -29.997
Binary	00111111, 11001010, 11110110

#3fcaf6
```
#3fcaf6 rgb(63,202,246)
```
#f66b3f
```
#f66b3f rgb(246,107,63)
```

Complementary Color

#3ff6c7
```
#3ff6c7 rgb(63,246,199)
```
#3fcaf6
```
#3fcaf6 rgb(63,202,246)
```
#3f6ff6
```
#3f6ff6 rgb(63,111,246)
```

Analogous Color

#f6c73f
```
#f6c73f rgb(246,199,63)
```
#3fcaf6
```
#3fcaf6 rgb(63,202,246)
```
#f63f6f
```
#f63f6f rgb(246,63,111)
```

Split Complementary Color

#caf63f
```
#caf63f rgb(202,246,63)
```
#3fcaf6
```
#3fcaf6 rgb(63,202,246)
```
#f63fca
```
#f63fca rgb(246,63,202)
```

Triadic Color

#3ff66b
```
#3ff66b rgb(63,246,107)
```
#3fcaf6
```
#3fcaf6 rgb(63,202,246)
```
#f63fca
```
#f63fca rgb(246,63,202)
```
#f66b3f
```
#f66b3f rgb(246,107,63)
```

Tetradic Color

#0aabde
```
#0aabde rgb(10,171,222)
```
#0ebdf4
```
#0ebdf4 rgb(14,189,244)
```
#27c3f5
```
#27c3f5 rgb(39,195,245)
```
#3fcaf6
```
#3fcaf6 rgb(63,202,246)
```
#57d1f7
```
#57d1f7 rgb(87,209,247)
```
#70d7f8
```
#70d7f8 rgb(112,215,248)
```
#88def9
```
#88def9 rgb(136,222,249)
```

Monochromatic Color

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

#3ff6f4
```
#3ff6f4 rgb(63,246,244)
```
#3fe9f6
```
#3fe9f6 rgb(63,233,246)
```
#3fd9f6
```
#3fd9f6 rgb(63,217,246)
```
#3fcaf6
```
#3fcaf6 rgb(63,202,246)
```
#3fbbf6
```
#3fbbf6 rgb(63,187,246)
```
#3facf6
```
#3facf6 rgb(63,172,246)
```
#3f9cf6
```
#3f9cf6 rgb(63,156,246)
```

Similar Colors

Text with hexadecimal color #3fcaf6

This text has a font color of #3fcaf6.

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

#3fcaf6 background color

This paragraph has a background color of #3fcaf6.

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

#3fcaf6 border color

This element has a border color of #3fcaf6.

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

CSS codes

.text {color:#3fcaf6;}

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

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

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, #010b0e is the darkest color, while #fafeff is the lightest one.

#010b0e
```
#010b0e rgb(1,11,14)
```
#021921
```
#021921 rgb(2,25,33)
```
#022834
```
#022834 rgb(2,40,52)
```
#033646
```
#033646 rgb(3,54,70)
```
#044559
```
#044559 rgb(4,69,89)
```
#05536c
```
#05536c rgb(5,83,108)
```
#06627f
```
#06627f rgb(6,98,127)
```
#077091
```
#077091 rgb(7,112,145)
```
#087ea4
```
#087ea4 rgb(8,126,164)
```
#098db7
```
#098db7 rgb(9,141,183)
```
#099bc9
```
#099bc9 rgb(9,155,201)
```
#0aaadc
```
#0aaadc rgb(10,170,220)
```
#0bb8ef
```
#0bb8ef rgb(11,184,239)
```

Shade Color Variation

#1ac0f4
```
#1ac0f4 rgb(26,192,244)
```
#2cc5f5
```
#2cc5f5 rgb(44,197,245)
```
#3fcaf6
```
#3fcaf6 rgb(63,202,246)
```
#52cff7
```
#52cff7 rgb(82,207,247)
```
#64d4f8
```
#64d4f8 rgb(100,212,248)
```
#77daf9
```
#77daf9 rgb(119,218,249)
```
#8adffa
```
#8adffa rgb(138,223,250)
```
#9de4fa
```
#9de4fa rgb(157,228,250)
```
#afe9fb
```
#afe9fb rgb(175,233,251)
```
#c2eefc
```
#c2eefc rgb(194,238,252)
```
#d5f3fd
```
#d5f3fd rgb(213,243,253)
```
#e8f9fe
```
#e8f9fe rgb(232,249,254)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949ea1 is the less saturated color, while #37cefe is the most saturated one.

#949ea1
```
#949ea1 rgb(148,158,161)
```
#8ca2a9
```
#8ca2a9 rgb(140,162,169)
```
#85a6b0
```
#85a6b0 rgb(133,166,176)
```
#7daab8
```
#7daab8 rgb(125,170,184)
```
#75aec0
```
#75aec0 rgb(117,174,192)
```
#6db2c8
```
#6db2c8 rgb(109,178,200)
```
#66b6cf
```
#66b6cf rgb(102,182,207)
```
#5ebad7
```
#5ebad7 rgb(94,186,215)
```
#56bedf
```
#56bedf rgb(86,190,223)
```
#4ec2e7
```
#4ec2e7 rgb(78,194,231)
```
#47c6ee
```
#47c6ee rgb(71,198,238)
```
#3fcaf6
```
#3fcaf6 rgb(63,202,246)
```
#37cefe
```
#37cefe rgb(55,206,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#91acb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bdec Protanopia 1% of men
#abbcfc Deuteranopia 1% of men
#2ed0e0 Tritanopia 0.001% of the population

Trichromacy

#88c1ef Protanomaly 1% of men, 0.01% of women
#83c1fa Deuteranomaly 6% of men, 0.4% of women
#34cee8 Tritanomaly 0.01% of the population

#3fcaf6 hex color

#3fcaf6 Color Information

#3fcaf6 Color Conversion

Color Schemes with #3fcaf6

Alternatives to #3fcaf6

#3fcaf6 Preview

Shades and Tints of #3fcaf6

Tones of #3fcaf6

Color Blindness Simulator