#3afbfa hex color

In a RGB color space, hex #3afbfa is composed of 22.7% red, 98.4% green and 98% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 0.4% yellow and 1.6% black. It has a hue angle of 179.7 degrees, a saturation of 96% and a lightness of 60.6%. #3afbfa color hex could be obtained by blending #74ffff with #00f7f5. Closest websafe color is: #33ffff.

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

● #3afbfa color description : Bright cyan.

The hexadecimal color #3afbfa has RGB values of R:58, G:251, B:250 and CMYK values of C:0.77, M:0, Y:0, K:0.02. Its decimal value is 3865594.

Hex triplet	3afbfa	`#3afbfa`
RGB Decimal	58, 251, 250	`rgb(58,251,250)`
RGB Percent	22.7, 98.4, 98	`rgb(22.7%,98.4%,98%)`
CMYK	77, 0, 0, 2
HSL	179.7°, 96, 60.6	`hsl(179.7,96%,60.6%)`
HSV (or HSB)	179.7°, 76.9, 98.4
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.225, -45.054, -12.828
XYZ	53.492, 76.791, 102.44
xyY	0.23, 0.33, 76.791
CIE-LCH	90.225, 46.845, 195.893
CIE-LUV	90.225, -66.141, -13.432
Hunter-Lab	87.63, -44.392, -7.969
Binary	00111010, 11111011, 11111010

#3afbfa
```
#3afbfa rgb(58,251,250)
```
#fb3a3b
```
#fb3a3b rgb(251,58,59)
```

Complementary Color

#3afb9a
```
#3afb9a rgb(58,251,154)
```
#3afbfa
```
#3afbfa rgb(58,251,250)
```
#3a9cfb
```
#3a9cfb rgb(58,156,251)
```

Analogous Color

#fb9a3a
```
#fb9a3a rgb(251,154,58)
```
#3afbfa
```
#3afbfa rgb(58,251,250)
```
#fb3a9c
```
#fb3a9c rgb(251,58,156)
```

Split Complementary Color

#fbfa3a
```
#fbfa3a rgb(251,250,58)
```
#3afbfa
```
#3afbfa rgb(58,251,250)
```
#fa3afb
```
#fa3afb rgb(250,58,251)
```

Triadic Color

#3bfb3a
```
#3bfb3a rgb(59,251,58)
```
#3afbfa
```
#3afbfa rgb(58,251,250)
```
#fa3afb
```
#fa3afb rgb(250,58,251)
```
#fb3a3b
```
#fb3a3b rgb(251,58,59)
```

Tetradic Color

#05e4e3
```
#05e4e3 rgb(5,228,227)
```
#08faf9
```
#08faf9 rgb(8,250,249)
```
#21faf9
```
#21faf9 rgb(33,250,249)
```
#3afbfa
```
#3afbfa rgb(58,251,250)
```
#53fcfb
```
#53fcfb rgb(83,252,251)
```
#6cfcfb
```
#6cfcfb rgb(108,252,251)
```
#85fdfc
```
#85fdfc rgb(133,253,252)
```

Monochromatic Color

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

#3afbca
```
#3afbca rgb(58,251,202)
```
#3afbda
```
#3afbda rgb(58,251,218)
```
#3afbea
```
#3afbea rgb(58,251,234)
```
#3afbfa
```
#3afbfa rgb(58,251,250)
```
#3aecfb
```
#3aecfb rgb(58,236,251)
```
#3adcfb
```
#3adcfb rgb(58,220,251)
```
#3accfb
```
#3accfb rgb(58,204,251)
```

Similar Colors

Text with hexadecimal color #3afbfa

This text has a font color of #3afbfa.

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

#3afbfa background color

This paragraph has a background color of #3afbfa.

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

#3afbfa border color

This element has a border color of #3afbfa.

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

CSS codes

.text {color:#3afbfa;}

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

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

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

#000e0e
```
#000e0e rgb(0,14,14)
```
#012222
```
#012222 rgb(1,34,34)
```
#013535
```
#013535 rgb(1,53,53)
```
#014848
```
#014848 rgb(1,72,72)
```
#025b5b
```
#025b5b rgb(2,91,91)
```
#026f6e
```
#026f6e rgb(2,111,110)
```
#038281
```
#038281 rgb(3,130,129)
```
#039594
```
#039594 rgb(3,149,148)
```
#03a8a7
```
#03a8a7 rgb(3,168,167)
```
#04bcbb
```
#04bcbb rgb(4,188,187)
```
#04cfce
```
#04cfce rgb(4,207,206)
```
#05e2e1
```
#05e2e1 rgb(5,226,225)
```
#05f5f4
```
#05f5f4 rgb(5,245,244)
```

Shade Color Variation

#14faf9
```
#14faf9 rgb(20,250,249)
```
#27fbfa
```
#27fbfa rgb(39,251,250)
```
#3afbfa
```
#3afbfa rgb(58,251,250)
```
#4dfbfa
```
#4dfbfa rgb(77,251,250)
```
#60fcfb
```
#60fcfb rgb(96,252,251)
```
#74fcfb
```
#74fcfb rgb(116,252,251)
```
#87fdfc
```
#87fdfc rgb(135,253,252)
```
#9afdfc
```
#9afdfc rgb(154,253,252)
```
#adfdfd
```
#adfdfd rgb(173,253,253)
```
#c1fefd
```
#c1fefd rgb(193,254,253)
```
#d4fefe
```
#d4fefe rgb(212,254,254)
```
#e7fffe
```
#e7fffe rgb(231,255,254)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

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

#979e9e
```
#979e9e rgb(151,158,158)
```
#8fa6a6
```
#8fa6a6 rgb(143,166,166)
```
#87aead
```
#87aead rgb(135,174,173)
```
#80b5b5
```
#80b5b5 rgb(128,181,181)
```
#78bdbd
```
#78bdbd rgb(120,189,189)
```
#70c5c4
```
#70c5c4 rgb(112,197,196)
```
#68cdcc
```
#68cdcc rgb(104,205,204)
```
#61d4d4
```
#61d4d4 rgb(97,212,212)
```
#59dcdb
```
#59dcdb rgb(89,220,219)
```
#51e4e3
```
#51e4e3 rgb(81,228,227)
```
#49eceb
```
#49eceb rgb(73,236,235)
```
#42f3f2
```
#42f3f2 rgb(66,243,242)
```
#3afbfa
```
#3afbfa rgb(58,251,250)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#a6cdcc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e3ec Protanopia 1% of men
#e8e0ff Deuteranopia 1% of men
#9af2ff Tritanopia 0.001% of the population

Trichromacy

#a7ebf1 Protanomaly 1% of men, 0.01% of women
#a9e9fd Deuteranomaly 6% of men, 0.4% of women
#77f5fd Tritanomaly 0.01% of the population

#3afbfa hex color

#3afbfa Color Information

#3afbfa Color Conversion

Color Schemes with #3afbfa

Alternatives to #3afbfa

#3afbfa Preview

Shades and Tints of #3afbfa

Tones of #3afbfa

Color Blindness Simulator