#4af1fe hex color

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

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

● #4af1fe color description : Bright cyan.

The hexadecimal color #4af1fe has RGB values of R:74, G:241, B:254 and CMYK values of C:0.71, M:0.05, Y:0, K:0. Its decimal value is 4911614.

Hex triplet	4af1fe	`#4af1fe`
RGB Decimal	74, 241, 254	`rgb(74,241,254)`
RGB Percent	29, 94.5, 99.6	`rgb(29%,94.5%,99.6%)`
CMYK	71, 5, 0, 0
HSL	184.3°, 98.9, 64.3	`hsl(184.3,98.9%,64.3%)`
HSV (or HSB)	184.3°, 70.9, 99.6
Web Safe	33ffff	`#33ffff`

CIE-LAB	87.736, -37.77, -18.623
XYZ	52.163, 71.517, 104.816
xyY	0.228, 0.313, 71.517
CIE-LCH	87.736, 42.112, 206.246
CIE-LUV	87.736, -60.311, -24.131
Hunter-Lab	84.568, -37.891, -14.288
Binary	01001010, 11110001, 11111110

#4af1fe
```
#4af1fe rgb(74,241,254)
```
#fe574a
```
#fe574a rgb(254,87,74)
```

Complementary Color

#4afeb1
```
#4afeb1 rgb(74,254,177)
```
#4af1fe
```
#4af1fe rgb(74,241,254)
```
#4a97fe
```
#4a97fe rgb(74,151,254)
```

Analogous Color

#feb14a
```
#feb14a rgb(254,177,74)
```
#4af1fe
```
#4af1fe rgb(74,241,254)
```
#fe4a97
```
#fe4a97 rgb(254,74,151)
```

Split Complementary Color

#f1fe4a
```
#f1fe4a rgb(241,254,74)
```
#4af1fe
```
#4af1fe rgb(74,241,254)
```
#fe4af1
```
#fe4af1 rgb(254,74,241)
```

Triadic Color

#4afe57
```
#4afe57 rgb(74,254,87)
```
#4af1fe
```
#4af1fe rgb(74,241,254)
```
#fe4af1
```
#fe4af1 rgb(254,74,241)
```
#fe574a
```
#fe574a rgb(254,87,74)
```

Tetradic Color

#01e8fa
```
#01e8fa rgb(1,232,250)
```
#17edfe
```
#17edfe rgb(23,237,254)
```
#31effe
```
#31effe rgb(49,239,254)
```
#4af1fe
```
#4af1fe rgb(74,241,254)
```
#63f3fe
```
#63f3fe rgb(99,243,254)
```
#7df5fe
```
#7df5fe rgb(125,245,254)
```
#96f7fe
```
#96f7fe rgb(150,247,254)
```

Monochromatic Color

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

#4afede
```
#4afede rgb(74,254,222)
```
#4afeed
```
#4afeed rgb(74,254,237)
```
#4afefc
```
#4afefc rgb(74,254,252)
```
#4af1fe
```
#4af1fe rgb(74,241,254)
```
#4ae2fe
```
#4ae2fe rgb(74,226,254)
```
#4ad3fe
```
#4ad3fe rgb(74,211,254)
```
#4ac4fe
```
#4ac4fe rgb(74,196,254)
```

Similar Colors

Text with hexadecimal color #4af1fe

This text has a font color of #4af1fe.

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

#4af1fe background color

This paragraph has a background color of #4af1fe.

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

#4af1fe border color

This element has a border color of #4af1fe.

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

CSS codes

.text {color:#4af1fe;}

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

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

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

#000d0e
```
#000d0e rgb(0,13,14)
```
#001f22
```
#001f22 rgb(0,31,34)
```
#003135
```
#003135 rgb(0,49,53)
```
#004349
```
#004349 rgb(0,67,73)
```
#01555c
```
#01555c rgb(1,85,92)
```
#016870
```
#016870 rgb(1,104,112)
```
#017a83
```
#017a83 rgb(1,122,131)
```
#018c97
```
#018c97 rgb(1,140,151)
```
#019eaa
```
#019eaa rgb(1,158,170)
```
#01b0be
```
#01b0be rgb(1,176,190)
```
#01c2d1
```
#01c2d1 rgb(1,194,209)
```
#01d4e5
```
#01d4e5 rgb(1,212,229)
```
#01e6f8
```
#01e6f8 rgb(1,230,248)
```

Shade Color Variation

#0fecfe
```
#0fecfe rgb(15,236,254)
```
#23eefe
```
#23eefe rgb(35,238,254)
```
#36effe
```
#36effe rgb(54,239,254)
```
#4af1fe
```
#4af1fe rgb(74,241,254)
```
#5ef3fe
```
#5ef3fe rgb(94,243,254)
```
#71f4fe
```
#71f4fe rgb(113,244,254)
```
#85f6fe
```
#85f6fe rgb(133,246,254)
```
#98f7fe
```
#98f7fe rgb(152,247,254)
```
#acf9ff
```
#acf9ff rgb(172,249,255)
```
#bffaff
```
#bffaff rgb(191,250,255)
```
#d3fcff
```
#d3fcff rgb(211,252,255)
```
#e6fdff
```
#e6fdff rgb(230,253,255)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

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

#9ea9aa
```
#9ea9aa rgb(158,169,170)
```
#97afb1
```
#97afb1 rgb(151,175,177)
```
#90b5b8
```
#90b5b8 rgb(144,181,184)
```
#89bbbf
```
#89bbbf rgb(137,187,191)
```
#82c1c6
```
#82c1c6 rgb(130,193,198)
```
#7bc7cd
```
#7bc7cd rgb(123,199,205)
```
#74cdd4
```
#74cdd4 rgb(116,205,212)
```
#6dd3db
```
#6dd3db rgb(109,211,219)
```
#66d9e2
```
#66d9e2 rgb(102,217,226)
```
#5fdfe9
```
#5fdfe9 rgb(95,223,233)
```
#58e5f0
```
#58e5f0 rgb(88,229,240)
```
#51ebf7
```
#51ebf7 rgb(81,235,247)
```
#4af1fe
```
#4af1fe rgb(74,241,254)
```

Tone Color Variation

Below, you can see how #4af1fe 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
#a9cbcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbdcf1 Protanopia 1% of men
#dcdaff Deuteranopia 1% of men
#72efff Tritanopia 0.001% of the population

Trichromacy

#a6e3f6 Protanomaly 1% of men, 0.01% of women
#a7e2fe Deuteranomaly 6% of men, 0.4% of women
#63effe Tritanomaly 0.01% of the population

#4af1fe hex color

#4af1fe Color Information

#4af1fe Color Conversion

Color Schemes with #4af1fe

Alternatives to #4af1fe

#4af1fe Preview

Shades and Tints of #4af1fe

Tones of #4af1fe

Color Blindness Simulator