#3afef0 hex color

In a RGB color space, hex #3afef0 is composed of 22.7% red, 99.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 0% magenta, 5.5% yellow and 0.4% black. It has a hue angle of 175.7 degrees, a saturation of 99% and a lightness of 61.2%. #3afef0 color hex could be obtained by blending #74ffff with #00fde1. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 23
- G 100
- B 94
RGB color chart
- C 77
- M 0
- Y 6
- K 0
CMYK color chart

● #3afef0 color description : Bright cyan.

The hexadecimal color #3afef0 has RGB values of R:58, G:254, B:240 and CMYK values of C:0.77, M:0, Y:0.06, K:0. Its decimal value is 3866352.

Hex triplet	3afef0	`#3afef0`
RGB Decimal	58, 254, 240	`rgb(58,254,240)`
RGB Percent	22.7, 99.6, 94.1	`rgb(22.7%,99.6%,94.1%)`
CMYK	77, 0, 6, 0
HSL	175.7°, 99, 61.2	`hsl(175.7,99%,61.2%)`
HSV (or HSB)	175.7°, 77.2, 99.6
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.811, -49.084, -6.76
XYZ	52.91, 78.069, 94.714
xyY	0.234, 0.346, 78.069
CIE-LCH	90.811, 49.548, 187.842
CIE-LUV	90.811, -67.886, -2.873
Hunter-Lab	88.357, -47.735, -1.706
Binary	00111010, 11111110, 11110000

#3afef0
```
#3afef0 rgb(58,254,240)
```
#fe3a48
```
#fe3a48 rgb(254,58,72)
```

Complementary Color

#3afe8e
```
#3afe8e rgb(58,254,142)
```
#3afef0
```
#3afef0 rgb(58,254,240)
```
#3aaafe
```
#3aaafe rgb(58,170,254)
```

Analogous Color

#fe8e3a
```
#fe8e3a rgb(254,142,58)
```
#3afef0
```
#3afef0 rgb(58,254,240)
```
#fe3aaa
```
#fe3aaa rgb(254,58,170)
```

Split Complementary Color

#fef03a
```
#fef03a rgb(254,240,58)
```
#3afef0
```
#3afef0 rgb(58,254,240)
```
#f03afe
```
#f03afe rgb(240,58,254)
```

Triadic Color

#48fe3a
```
#48fe3a rgb(72,254,58)
```
#3afef0
```
#3afef0 rgb(58,254,240)
```
#f03afe
```
#f03afe rgb(240,58,254)
```
#fe3a48
```
#fe3a48 rgb(254,58,72)
```

Tetradic Color

#01eada
```
#01eada rgb(1,234,218)
```
#07feec
```
#07feec rgb(7,254,236)
```
#21feee
```
#21feee rgb(33,254,238)
```
#3afef0
```
#3afef0 rgb(58,254,240)
```
#53fef2
```
#53fef2 rgb(83,254,242)
```
#6dfef4
```
#6dfef4 rgb(109,254,244)
```
#86fef6
```
#86fef6 rgb(134,254,246)
```

Monochromatic Color

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

#3afebf
```
#3afebf rgb(58,254,191)
```
#3afecf
```
#3afecf rgb(58,254,207)
```
#3afee0
```
#3afee0 rgb(58,254,224)
```
#3afef0
```
#3afef0 rgb(58,254,240)
```
#3afcfe
```
#3afcfe rgb(58,252,254)
```
#3aebfe
```
#3aebfe rgb(58,235,254)
```
#3adbfe
```
#3adbfe rgb(58,219,254)
```

Similar Colors

Text with hexadecimal color #3afef0

This text has a font color of #3afef0.

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

#3afef0 background color

This paragraph has a background color of #3afef0.

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

#3afef0 border color

This element has a border color of #3afef0.

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

CSS codes

.text {color:#3afef0;}

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

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

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

#001210
```
#001210 rgb(0,18,16)
```
#002523
```
#002523 rgb(0,37,35)
```
#003935
```
#003935 rgb(0,57,53)
```
#004c47
```
#004c47 rgb(0,76,71)
```
#006059
```
#006059 rgb(0,96,89)
```
#01736b
```
#01736b rgb(1,115,107)
```
#01877d
```
#01877d rgb(1,135,125)
```
#019a8f
```
#019a8f rgb(1,154,143)
```
#01aea1
```
#01aea1 rgb(1,174,161)
```
#01c1b4
```
#01c1b4 rgb(1,193,180)
```
#01d5c6
```
#01d5c6 rgb(1,213,198)
```
#01e8d8
```
#01e8d8 rgb(1,232,216)
```
#01fcea
```
#01fcea rgb(1,252,234)
```

Shade Color Variation

#13feed
```
#13feed rgb(19,254,237)
```
#26feef
```
#26feef rgb(38,254,239)
```
#3afef0
```
#3afef0 rgb(58,254,240)
```
#4efef1
```
#4efef1 rgb(78,254,241)
```
#61fef3
```
#61fef3 rgb(97,254,243)
```
#75fef4
```
#75fef4 rgb(117,254,244)
```
#88fef6
```
#88fef6 rgb(136,254,246)
```
#9cfef7
```
#9cfef7 rgb(156,254,247)
```
#affff9
```
#affff9 rgb(175,255,249)
```
#c3fffa
```
#c3fffa rgb(195,255,250)
```
#d6fffc
```
#d6fffc rgb(214,255,252)
```
#eafffd
```
#eafffd rgb(234,255,253)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#95a3a2
```
#95a3a2 rgb(149,163,162)
```
#8eaaa8
```
#8eaaa8 rgb(142,170,168)
```
#86b2af
```
#86b2af rgb(134,178,175)
```
#7fb9b5
```
#7fb9b5 rgb(127,185,181)
```
#77c1bc
```
#77c1bc rgb(119,193,188)
```
#6fc9c2
```
#6fc9c2 rgb(111,201,194)
```
#68d0c9
```
#68d0c9 rgb(104,208,201)
```
#60d8cf
```
#60d8cf rgb(96,216,207)
```
#58e0d6
```
#58e0d6 rgb(88,224,214)
```
#51e7dc
```
#51e7dc rgb(81,231,220)
```
#49efe3
```
#49efe3 rgb(73,239,227)
```
#42f6e9
```
#42f6e9 rgb(66,246,233)
```
#3afef0
```
#3afef0 rgb(58,254,240)
```

Tone Color Variation

Below, you can see how #3afef0 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
#a7cecb Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae4e3 Protanopia 1% of men
#f0e0fb Deuteranopia 1% of men
#a3f2ff Tritanopia 0.001% of the population

Trichromacy

#aaeee7 Protanomaly 1% of men, 0.01% of women
#aeebf7 Deuteranomaly 6% of men, 0.4% of women
#7cf6f9 Tritanomaly 0.01% of the population

#3afef0 hex color

#3afef0 Color Information

#3afef0 Color Conversion

Color Schemes with #3afef0

Alternatives to #3afef0

#3afef0 Preview

Shades and Tints of #3afef0

Tones of #3afef0

Color Blindness Simulator