#3af6ed hex color

In a RGB color space, hex #3af6ed is composed of 22.7% red, 96.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 3.7% yellow and 3.5% black. It has a hue angle of 177.1 degrees, a saturation of 91.3% and a lightness of 59.6%. #3af6ed color hex could be obtained by blending #74ffff with #00eddb. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 23
- G 96
- B 93
RGB color chart
- C 76
- M 0
- Y 4
- K 4
CMYK color chart

● #3af6ed color description : Bright cyan.

The hexadecimal color #3af6ed has RGB values of R:58, G:246, B:237 and CMYK values of C:0.76, M:0, Y:0.04, K:0.04. Its decimal value is 3864301.

Hex triplet	3af6ed	`#3af6ed`
RGB Decimal	58, 246, 237	`rgb(58,246,237)`
RGB Percent	22.7, 96.5, 92.9	`rgb(22.7%,96.5%,92.9%)`
CMYK	76, 0, 4, 4
HSL	177.1°, 91.3, 59.6	`hsl(177.1,91.3%,59.6%)`
HSV (or HSB)	177.1°, 76.4, 96.5
Web Safe	33ffff	`#33ffff`

CIE-LAB	88.41, -46.464, -8.756
XYZ	49.982, 72.921, 91.557
xyY	0.233, 0.34, 72.921
CIE-LCH	88.41, 47.282, 190.672
CIE-LUV	88.41, -65.389, -6.508
Hunter-Lab	85.394, -44.961, -3.794
Binary	00111010, 11110110, 11101101

#3af6ed
```
#3af6ed rgb(58,246,237)
```
#f63a43
```
#f63a43 rgb(246,58,67)
```

Complementary Color

#3af68f
```
#3af68f rgb(58,246,143)
```
#3af6ed
```
#3af6ed rgb(58,246,237)
```
#3aa1f6
```
#3aa1f6 rgb(58,161,246)
```

Analogous Color

#f68f3a
```
#f68f3a rgb(246,143,58)
```
#3af6ed
```
#3af6ed rgb(58,246,237)
```
#f63aa1
```
#f63aa1 rgb(246,58,161)
```

Split Complementary Color

#f6ed3a
```
#f6ed3a rgb(246,237,58)
```
#3af6ed
```
#3af6ed rgb(58,246,237)
```
#ed3af6
```
#ed3af6 rgb(237,58,246)
```

Triadic Color

#43f63a
```
#43f63a rgb(67,246,58)
```
#3af6ed
```
#3af6ed rgb(58,246,237)
```
#ed3af6
```
#ed3af6 rgb(237,58,246)
```
#f63a43
```
#f63a43 rgb(246,58,67)
```

Tetradic Color

#0adad0
```
#0adad0 rgb(10,218,208)
```
#0bf2e7
```
#0bf2e7 rgb(11,242,231)
```
#22f5eb
```
#22f5eb rgb(34,245,235)
```
#3af6ed
```
#3af6ed rgb(58,246,237)
```
#52f7ef
```
#52f7ef rgb(82,247,239)
```
#6bf8f1
```
#6bf8f1 rgb(107,248,241)
```
#83f9f4
```
#83f9f4 rgb(131,249,244)
```

Monochromatic Color

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

#3af6be
```
#3af6be rgb(58,246,190)
```
#3af6ce
```
#3af6ce rgb(58,246,206)
```
#3af6dd
```
#3af6dd rgb(58,246,221)
```
#3af6ed
```
#3af6ed rgb(58,246,237)
```
#3aeff6
```
#3aeff6 rgb(58,239,246)
```
#3ae0f6
```
#3ae0f6 rgb(58,224,246)
```
#3ad0f6
```
#3ad0f6 rgb(58,208,246)
```

Similar Colors

Text with hexadecimal color #3af6ed

This text has a font color of #3af6ed.

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

#3af6ed background color

This paragraph has a background color of #3af6ed.

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

#3af6ed border color

This element has a border color of #3af6ed.

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

CSS codes

.text {color:#3af6ed;}

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

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

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

#000909
```
#000909 rgb(0,9,9)
```
#011c1b
```
#011c1b rgb(1,28,27)
```
#022f2d
```
#022f2d rgb(2,47,45)
```
#03423f
```
#03423f rgb(3,66,63)
```
#045451
```
#045451 rgb(4,84,81)
```
#056762
```
#056762 rgb(5,103,98)
```
#067a74
```
#067a74 rgb(6,122,116)
```
#068d86
```
#068d86 rgb(6,141,134)
```
#079f98
```
#079f98 rgb(7,159,152)
```
#08b2aa
```
#08b2aa rgb(8,178,170)
```
#09c5bc
```
#09c5bc rgb(9,197,188)
```
#0ad8ce
```
#0ad8ce rgb(10,216,206)
```
#0beae0
```
#0beae0 rgb(11,234,224)
```

Shade Color Variation

#14f4ea
```
#14f4ea rgb(20,244,234)
```
#27f5eb
```
#27f5eb rgb(39,245,235)
```
#3af6ed
```
#3af6ed rgb(58,246,237)
```
#4df7ef
```
#4df7ef rgb(77,247,239)
```
#60f8f0
```
#60f8f0 rgb(96,248,240)
```
#72f9f2
```
#72f9f2 rgb(114,249,242)
```
#85f9f4
```
#85f9f4 rgb(133,249,244)
```
#98faf6
```
#98faf6 rgb(152,250,246)
```
#abfbf7
```
#abfbf7 rgb(171,251,247)
```
#bdfcf9
```
#bdfcf9 rgb(189,252,249)
```
#d0fdfb
```
#d0fdfb rgb(208,253,251)
```
#e3fefc
```
#e3fefc rgb(227,254,252)
```
#f6fffe
```
#f6fffe rgb(246,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919f9e is the less saturated color, while #32fef4 is the most saturated one.

#919f9e
```
#919f9e rgb(145,159,158)
```
#89a7a5
```
#89a7a5 rgb(137,167,165)
```
#81afad
```
#81afad rgb(129,175,173)
```
#79b7b4
```
#79b7b4 rgb(121,183,180)
```
#71bfbb
```
#71bfbb rgb(113,191,187)
```
#6ac6c2
```
#6ac6c2 rgb(106,198,194)
```
#62cec9
```
#62cec9 rgb(98,206,201)
```
#5ad6d0
```
#5ad6d0 rgb(90,214,208)
```
#52ded8
```
#52ded8 rgb(82,222,216)
```
#4ae6df
```
#4ae6df rgb(74,230,223)
```
#42eee6
```
#42eee6 rgb(66,238,230)
```
#3af6ed
```
#3af6ed rgb(58,246,237)
```
#32fef4
```
#32fef4 rgb(50,254,244)
```

Tone Color Variation

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

Dichromacy

#e2dee0 Protanopia 1% of men
#e8daf8 Deuteranopia 1% of men
#7eefff Tritanopia 0.001% of the population

Trichromacy

#a5e7e5 Protanomaly 1% of men, 0.01% of women
#a8e4f4 Deuteranomaly 6% of men, 0.4% of women
#65f2f8 Tritanomaly 0.01% of the population

#3af6ed hex color

#3af6ed Color Information

#3af6ed Color Conversion

Color Schemes with #3af6ed

Alternatives to #3af6ed

#3af6ed Preview

Shades and Tints of #3af6ed

Tones of #3af6ed

Color Blindness Simulator