#4aaafa hex color

In a RGB color space, hex #4aaafa is composed of 29% red, 66.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 32% magenta, 0% yellow and 2% black. It has a hue angle of 207.3 degrees, a saturation of 94.6% and a lightness of 63.5%. #4aaafa color hex could be obtained by blending #94ffff with #0055f5. Closest websafe color is: #3399ff.

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

● #4aaafa color description : Bright blue.

The hexadecimal color #4aaafa has RGB values of R:74, G:170, B:250 and CMYK values of C:0.7, M:0.32, Y:0, K:0.02. Its decimal value is 4893434.

Hex triplet	4aaafa	`#4aaafa`
RGB Decimal	74, 170, 250	`rgb(74,170,250)`
RGB Percent	29, 66.7, 98	`rgb(29%,66.7%,98%)`
CMYK	70, 32, 0, 2
HSL	207.3°, 94.6, 63.5	`hsl(207.3,94.6%,63.5%)`
HSV (or HSB)	207.3°, 70.4, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.356, -2.796, -47.918
XYZ	34.45, 37.105, 95.784
xyY	0.206, 0.222, 37.105
CIE-LCH	67.356, 48, 266.66
CIE-LUV	67.356, -35.864, -77.188
Hunter-Lab	60.914, -5.648, -50.591
Binary	01001010, 10101010, 11111010

#4aaafa
```
#4aaafa rgb(74,170,250)
```
#fa9a4a
```
#fa9a4a rgb(250,154,74)
```

Complementary Color

#4afaf2
```
#4afaf2 rgb(74,250,242)
```
#4aaafa
```
#4aaafa rgb(74,170,250)
```
#4a52fa
```
#4a52fa rgb(74,82,250)
```

Analogous Color

#faf24a
```
#faf24a rgb(250,242,74)
```
#4aaafa
```
#4aaafa rgb(74,170,250)
```
#fa4a52
```
#fa4a52 rgb(250,74,82)
```

Split Complementary Color

#aafa4a
```
#aafa4a rgb(170,250,74)
```
#4aaafa
```
#4aaafa rgb(74,170,250)
```
#fa4aaa
```
#fa4aaa rgb(250,74,170)
```

Triadic Color

#4afa9a
```
#4afa9a rgb(74,250,154)
```
#4aaafa
```
#4aaafa rgb(74,170,250)
```
#fa4aaa
```
#fa4aaa rgb(250,74,170)
```
#fa9a4a
```
#fa9a4a rgb(250,154,74)
```

Tetradic Color

#0786f1
```
#0786f1 rgb(7,134,241)
```
#1893f9
```
#1893f9 rgb(24,147,249)
```
#319ef9
```
#319ef9 rgb(49,158,249)
```
#4aaafa
```
#4aaafa rgb(74,170,250)
```
#63b6fb
```
#63b6fb rgb(99,182,251)
```
#7cc1fb
```
#7cc1fb rgb(124,193,251)
```
#94cdfc
```
#94cdfc rgb(148,205,252)
```

Monochromatic Color

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

#4ad6fa
```
#4ad6fa rgb(74,214,250)
```
#4ac7fa
```
#4ac7fa rgb(74,199,250)
```
#4ab9fa
```
#4ab9fa rgb(74,185,250)
```
#4aaafa
```
#4aaafa rgb(74,170,250)
```
#4a9bfa
```
#4a9bfa rgb(74,155,250)
```
#4a8dfa
```
#4a8dfa rgb(74,141,250)
```
#4a7efa
```
#4a7efa rgb(74,126,250)
```

Similar Colors

Text with hexadecimal color #4aaafa

This text has a font color of #4aaafa.

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

#4aaafa background color

This paragraph has a background color of #4aaafa.

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

#4aaafa border color

This element has a border color of #4aaafa.

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

CSS codes

.text {color:#4aaafa;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#01101d
```
#01101d rgb(1,16,29)
```
#011b30
```
#011b30 rgb(1,27,48)
```
#022543
```
#022543 rgb(2,37,67)
```
#023056
```
#023056 rgb(2,48,86)
```
#033b69
```
#033b69 rgb(3,59,105)
```
#03457c
```
#03457c rgb(3,69,124)
```
#04508f
```
#04508f rgb(4,80,143)
```
#045ba3
```
#045ba3 rgb(4,91,163)
```
#0565b6
```
#0565b6 rgb(5,101,182)
```
#0670c9
```
#0670c9 rgb(6,112,201)
```
#067bdc
```
#067bdc rgb(6,123,220)
```
#0785ef
```
#0785ef rgb(7,133,239)
```

Shade Color Variation

#118ff8
```
#118ff8 rgb(17,143,248)
```
#2498f9
```
#2498f9 rgb(36,152,249)
```
#37a1f9
```
#37a1f9 rgb(55,161,249)
```
#4aaafa
```
#4aaafa rgb(74,170,250)
```
#5db3fb
```
#5db3fb rgb(93,179,251)
```
#70bcfb
```
#70bcfb rgb(112,188,251)
```
#83c5fc
```
#83c5fc rgb(131,197,252)
```
#96cefc
```
#96cefc rgb(150,206,252)
```
#a9d7fd
```
#a9d7fd rgb(169,215,253)
```
#bde0fd
```
#bde0fd rgb(189,224,253)
```
#d0e9fe
```
#d0e9fe rgb(208,233,254)
```
#e3f2fe
```
#e3f2fe rgb(227,242,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#a0a2a4
```
#a0a2a4 rgb(160,162,164)
```
#99a3ab
```
#99a3ab rgb(153,163,171)
```
#92a3b2
```
#92a3b2 rgb(146,163,178)
```
#8aa4ba
```
#8aa4ba rgb(138,164,186)
```
#83a5c1
```
#83a5c1 rgb(131,165,193)
```
#7ca5c8
```
#7ca5c8 rgb(124,165,200)
```
#75a6cf
```
#75a6cf rgb(117,166,207)
```
#6ea7d6
```
#6ea7d6 rgb(110,167,214)
```
#67a7dd
```
#67a7dd rgb(103,167,221)
```
#5fa8e5
```
#5fa8e5 rgb(95,168,229)
```
#58a9ec
```
#58a9ec rgb(88,169,236)
```
#51a9f3
```
#51a9f3 rgb(81,169,243)
```
#4aaafa
```
#4aaafa rgb(74,170,250)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#879aaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba6f4 Protanopia 1% of men
#78a8fc Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#73a7f6 Protanomaly 1% of men, 0.01% of women
#67a9fb Deuteranomaly 6% of men, 0.4% of women
#1ab3d9 Tritanomaly 0.01% of the population

#4aaafa hex color

#4aaafa Color Information

#4aaafa Color Conversion

Color Schemes with #4aaafa

Alternatives to #4aaafa

#4aaafa Preview

Shades and Tints of #4aaafa

Tones of #4aaafa

Color Blindness Simulator