#4af9fe hex color

In a RGB color space, hex #4af9fe is composed of 29% red, 97.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 2% magenta, 0% yellow and 0.4% black. It has a hue angle of 181.7 degrees, a saturation of 98.9% and a lightness of 64.3%. #4af9fe color hex could be obtained by blending #94ffff with #00f3fd. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 29
- G 98
- B 100
RGB color chart
- C 71
- M 2
- Y 0
- K 0
CMYK color chart

● #4af9fe color description : Bright cyan.

The hexadecimal color #4af9fe has RGB values of R:74, G:249, B:254 and CMYK values of C:0.71, M:0.02, Y:0, K:0. Its decimal value is 4913662.

Hex triplet	4af9fe	`#4af9fe`
RGB Decimal	74, 249, 254	`rgb(74,249,254)`
RGB Percent	29, 97.6, 99.6	`rgb(29%,97.6%,99.6%)`
CMYK	71, 2, 0, 0
HSL	181.7°, 98.9, 64.3	`hsl(181.7,98.9%,64.3%)`
HSV (or HSB)	181.7°, 70.9, 99.6
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.025, -41.403, -15.181
XYZ	54.584, 76.358, 105.622
xyY	0.231, 0.323, 76.358
CIE-LCH	90.025, 44.098, 200.136
CIE-LUV	90.025, -63.078, -17.87
Hunter-Lab	87.383, -41.42, -10.497
Binary	01001010, 11111001, 11111110

#4af9fe
```
#4af9fe rgb(74,249,254)
```
#fe4f4a
```
#fe4f4a rgb(254,79,74)
```

Complementary Color

#4afea9
```
#4afea9 rgb(74,254,169)
```
#4af9fe
```
#4af9fe rgb(74,249,254)
```
#4a9ffe
```
#4a9ffe rgb(74,159,254)
```

Analogous Color

#fea94a
```
#fea94a rgb(254,169,74)
```
#4af9fe
```
#4af9fe rgb(74,249,254)
```
#fe4a9f
```
#fe4a9f rgb(254,74,159)
```

Split Complementary Color

#f9fe4a
```
#f9fe4a rgb(249,254,74)
```
#4af9fe
```
#4af9fe rgb(74,249,254)
```
#fe4af9
```
#fe4af9 rgb(254,74,249)
```

Triadic Color

#4afe4f
```
#4afe4f rgb(74,254,79)
```
#4af9fe
```
#4af9fe rgb(74,249,254)
```
#fe4af9
```
#fe4af9 rgb(254,74,249)
```
#fe4f4a
```
#fe4f4a rgb(254,79,74)
```

Tetradic Color

#01f3fa
```
#01f3fa rgb(1,243,250)
```
#17f7fe
```
#17f7fe rgb(23,247,254)
```
#31f8fe
```
#31f8fe rgb(49,248,254)
```
#4af9fe
```
#4af9fe rgb(74,249,254)
```
#63fafe
```
#63fafe rgb(99,250,254)
```
#7dfbfe
```
#7dfbfe rgb(125,251,254)
```
#96fcfe
```
#96fcfe rgb(150,252,254)
```

Monochromatic Color

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

#4afed6
```
#4afed6 rgb(74,254,214)
```
#4afee5
```
#4afee5 rgb(74,254,229)
```
#4afef4
```
#4afef4 rgb(74,254,244)
```
#4af9fe
```
#4af9fe rgb(74,249,254)
```
#4aeafe
```
#4aeafe rgb(74,234,254)
```
#4adbfe
```
#4adbfe rgb(74,219,254)
```
#4accfe
```
#4accfe rgb(74,204,254)
```

Similar Colors

Text with hexadecimal color #4af9fe

This text has a font color of #4af9fe.

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

#4af9fe background color

This paragraph has a background color of #4af9fe.

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

#4af9fe border color

This element has a border color of #4af9fe.

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

CSS codes

.text {color:#4af9fe;}

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

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

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)
```
#002122
```
#002122 rgb(0,33,34)
```
#003435
```
#003435 rgb(0,52,53)
```
#004749
```
#004749 rgb(0,71,73)
```
#015a5c
```
#015a5c rgb(1,90,92)
```
#016d70
```
#016d70 rgb(1,109,112)
```
#017f83
```
#017f83 rgb(1,127,131)
```
#019297
```
#019297 rgb(1,146,151)
```
#01a5aa
```
#01a5aa rgb(1,165,170)
```
#01b8be
```
#01b8be rgb(1,184,190)
```
#01cbd1
```
#01cbd1 rgb(1,203,209)
```
#01dee5
```
#01dee5 rgb(1,222,229)
```
#01f1f8
```
#01f1f8 rgb(1,241,248)
```

Shade Color Variation

#0ff7fe
```
#0ff7fe rgb(15,247,254)
```
#23f8fe
```
#23f8fe rgb(35,248,254)
```
#36f8fe
```
#36f8fe rgb(54,248,254)
```
#4af9fe
```
#4af9fe rgb(74,249,254)
```
#5efafe
```
#5efafe rgb(94,250,254)
```
#71fafe
```
#71fafe rgb(113,250,254)
```
#85fbfe
```
#85fbfe rgb(133,251,254)
```
#98fcfe
```
#98fcfe rgb(152,252,254)
```
#acfcff
```
#acfcff rgb(172,252,255)
```
#bffdff
```
#bffdff rgb(191,253,255)
```
#d3feff
```
#d3feff rgb(211,254,255)
```
#e6feff
```
#e6feff rgb(230,254,255)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

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

#9eaaaa
```
#9eaaaa rgb(158,170,170)
```
#97b0b1
```
#97b0b1 rgb(151,176,177)
```
#90b7b8
```
#90b7b8 rgb(144,183,184)
```
#89bebf
```
#89bebf rgb(137,190,191)
```
#82c4c6
```
#82c4c6 rgb(130,196,198)
```
#7bcbcd
```
#7bcbcd rgb(123,203,205)
```
#74d1d4
```
#74d1d4 rgb(116,209,212)
```
#6dd8db
```
#6dd8db rgb(109,216,219)
```
#66dfe2
```
#66dfe2 rgb(102,223,226)
```
#5fe5e9
```
#5fe5e9 rgb(95,229,233)
```
#58ecf0
```
#58ecf0 rgb(88,236,240)
```
#51f2f7
```
#51f2f7 rgb(81,242,247)
```
#4af9fe
```
#4af9fe rgb(74,249,254)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#accfd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e2f1 Protanopia 1% of men
#e5e0ff Deuteranopia 1% of men
#98f1ff Tritanopia 0.001% of the population

Trichromacy

#abeaf5 Protanomaly 1% of men, 0.01% of women
#ade9fe Deuteranomaly 6% of men, 0.4% of women
#7cf4fe Tritanomaly 0.01% of the population

#4af9fe hex color

#4af9fe Color Information

#4af9fe Color Conversion

Color Schemes with #4af9fe

Alternatives to #4af9fe

#4af9fe Preview

Shades and Tints of #4af9fe

Tones of #4af9fe

Color Blindness Simulator