#4af1f7 hex color

In a RGB color space, hex #4af1f7 is composed of 29% red, 94.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 2.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 182.1 degrees, a saturation of 91.5% and a lightness of 62.9%. #4af1f7 color hex could be obtained by blending #94ffff with #00e3ef. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 29
- G 95
- B 97
RGB color chart
- C 70
- M 2
- Y 0
- K 3
CMYK color chart

● #4af1f7 color description : Bright cyan.

The hexadecimal color #4af1f7 has RGB values of R:74, G:241, B:247 and CMYK values of C:0.7, M:0.02, Y:0, K:0.03. Its decimal value is 4911607.

Hex triplet	4af1f7	`#4af1f7`
RGB Decimal	74, 241, 247	`rgb(74,241,247)`
RGB Percent	29, 94.5, 96.9	`rgb(29%,94.5%,96.9%)`
CMYK	70, 2, 0, 3
HSL	182.1°, 91.5, 62.9	`hsl(182.1,91.5%,62.9%)`
HSV (or HSB)	182.1°, 70, 96.9
Web Safe	33ffff	`#33ffff`

CIE-LAB	87.522, -39.751, -15.281
XYZ	51.063, 71.077, 99.019
xyY	0.231, 0.321, 71.077
CIE-LCH	87.522, 42.587, 201.028
CIE-LUV	87.522, -60.78, -18.232
Hunter-Lab	84.307, -39.425, -10.621
Binary	01001010, 11110001, 11110111

#4af1f7
```
#4af1f7 rgb(74,241,247)
```
#f7504a
```
#f7504a rgb(247,80,74)
```

Complementary Color

#4af7a7
```
#4af7a7 rgb(74,247,167)
```
#4af1f7
```
#4af1f7 rgb(74,241,247)
```
#4a9bf7
```
#4a9bf7 rgb(74,155,247)
```

Analogous Color

#f7a74a
```
#f7a74a rgb(247,167,74)
```
#4af1f7
```
#4af1f7 rgb(74,241,247)
```
#f74a9b
```
#f74a9b rgb(247,74,155)
```

Split Complementary Color

#f1f74a
```
#f1f74a rgb(241,247,74)
```
#4af1f7
```
#4af1f7 rgb(74,241,247)
```
#f74af1
```
#f74af1 rgb(247,74,241)
```

Triadic Color

#4af750
```
#4af750 rgb(74,247,80)
```
#4af1f7
```
#4af1f7 rgb(74,241,247)
```
#f74af1
```
#f74af1 rgb(247,74,241)
```
#f7504a
```
#f7504a rgb(247,80,74)
```

Tetradic Color

#0ae2ea
```
#0ae2ea rgb(10,226,234)
```
#19edf5
```
#19edf5 rgb(25,237,245)
```
#32eff6
```
#32eff6 rgb(50,239,246)
```
#4af1f7
```
#4af1f7 rgb(74,241,247)
```
#62f3f8
```
#62f3f8 rgb(98,243,248)
```
#7bf5f9
```
#7bf5f9 rgb(123,245,249)
```
#93f7fa
```
#93f7fa rgb(147,247,250)
```

Monochromatic Color

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

#4af7d2
```
#4af7d2 rgb(74,247,210)
```
#4af7e0
```
#4af7e0 rgb(74,247,224)
```
#4af7ef
```
#4af7ef rgb(74,247,239)
```
#4af1f7
```
#4af1f7 rgb(74,241,247)
```
#4ae3f7
```
#4ae3f7 rgb(74,227,247)
```
#4ad4f7
```
#4ad4f7 rgb(74,212,247)
```
#4ac6f7
```
#4ac6f7 rgb(74,198,247)
```

Similar Colors

Text with hexadecimal color #4af1f7

This text has a font color of #4af1f7.

<span style="color:#4af1f7;">Text here</span>

#4af1f7 background color

This paragraph has a background color of #4af1f7.

<p style="background-color:#4af1f7;">Content here</p>

#4af1f7 border color

This element has a border color of #4af1f7.

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

CSS codes

.text {color:#4af1f7;}

.background {background-color:#4af1f7;}

.border {border:1px solid #4af1f7;}

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

#000707
```
#000707 rgb(0,7,7)
```
#01191a
```
#01191a rgb(1,25,26)
```
#022b2c
```
#022b2c rgb(2,43,44)
```
#033d3f
```
#033d3f rgb(3,61,63)
```
#044f52
```
#044f52 rgb(4,79,82)
```
#046165
```
#046165 rgb(4,97,101)
```
#057478
```
#057478 rgb(5,116,120)
```
#06868a
```
#06868a rgb(6,134,138)
```
#07989d
```
#07989d rgb(7,152,157)
```
#08aab0
```
#08aab0 rgb(8,170,176)
```
#09bcc3
```
#09bcc3 rgb(9,188,195)
```
#09ced5
```
#09ced5 rgb(9,206,213)
```
#0ae1e8
```
#0ae1e8 rgb(10,225,232)
```

Shade Color Variation

#12edf5
```
#12edf5 rgb(18,237,245)
```
#24eef5
```
#24eef5 rgb(36,238,245)
```
#37f0f6
```
#37f0f6 rgb(55,240,246)
```
#4af1f7
```
#4af1f7 rgb(74,241,247)
```
#5df2f8
```
#5df2f8 rgb(93,242,248)
```
#70f4f9
```
#70f4f9 rgb(112,244,249)
```
#82f5f9
```
#82f5f9 rgb(130,245,249)
```
#95f7fa
```
#95f7fa rgb(149,247,250)
```
#a8f8fb
```
#a8f8fb rgb(168,248,251)
```
#bbfafc
```
#bbfafc rgb(187,250,252)
```
#cdfbfd
```
#cdfbfd rgb(205,251,253)
```
#e0fdfe
```
#e0fdfe rgb(224,253,254)
```
#f3fefe
```
#f3fefe rgb(243,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa7a7 is the less saturated color, while #43f8fe is the most saturated one.

#9aa7a7
```
#9aa7a7 rgb(154,167,167)
```
#93adae
```
#93adae rgb(147,173,174)
```
#8bb4b6
```
#8bb4b6 rgb(139,180,182)
```
#84bbbd
```
#84bbbd rgb(132,187,189)
```
#7dc2c4
```
#7dc2c4 rgb(125,194,196)
```
#76c8cb
```
#76c8cb rgb(118,200,203)
```
#6ecfd3
```
#6ecfd3 rgb(110,207,211)
```
#67d6da
```
#67d6da rgb(103,214,218)
```
#60dde1
```
#60dde1 rgb(96,221,225)
```
#59e3e8
```
#59e3e8 rgb(89,227,232)
```
#51eaf0
```
#51eaf0 rgb(81,234,240)
```
#4af1f7
```
#4af1f7 rgb(74,241,247)
```
#43f8fe
```
#43f8fe rgb(67,248,254)
```

Tone Color Variation

Below, you can see how #4af1f7 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

#c0c0c0 Achromatopsia 0.005% of the population
#a8cacb Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcdbea Protanopia 1% of men
#dfd8ff Deuteranopia 1% of men
#6eeeff Tritanopia 0.001% of the population

Trichromacy

#a7e3ef Protanomaly 1% of men, 0.01% of women
#a9e1fc Deuteranomaly 6% of men, 0.4% of women
#61effc Tritanomaly 0.01% of the population

#4af1f7 hex color

#4af1f7 Color Information

#4af1f7 Color Conversion

Color Schemes with #4af1f7

Alternatives to #4af1f7

#4af1f7 Preview

Shades and Tints of #4af1f7

Tones of #4af1f7

Color Blindness Simulator