#4aabec hex color

In a RGB color space, hex #4aabec is composed of 29% red, 67.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 27.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 204.1 degrees, a saturation of 81% and a lightness of 60.8%. #4aabec color hex could be obtained by blending #94ffff with #0057d9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 29
- G 67
- B 93
RGB color chart
- C 69
- M 28
- Y 0
- K 7
CMYK color chart

● #4aabec color description : Soft blue.

The hexadecimal color #4aabec has RGB values of R:74, G:171, B:236 and CMYK values of C:0.69, M:0.28, Y:0, K:0.07. Its decimal value is 4893676.

Hex triplet	4aabec	`#4aabec`
RGB Decimal	74, 171, 236	`rgb(74,171,236)`
RGB Percent	29, 67.1, 92.5	`rgb(29%,67.1%,92.5%)`
CMYK	69, 28, 0, 7
HSL	204.1°, 81, 60.8	`hsl(204.1,81%,60.8%)`
HSV (or HSB)	204.1°, 68.6, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.002, -8.047, -40.837
XYZ	32.524, 36.635, 84.71
xyY	0.211, 0.238, 36.635
CIE-LCH	67.002, 41.622, 258.852
CIE-LUV	67.002, -36.808, -64.476
Hunter-Lab	60.527, -10.007, -40.609
Binary	01001010, 10101011, 11101100

#4aabec
```
#4aabec rgb(74,171,236)
```
#ec8b4a
```
#ec8b4a rgb(236,139,74)
```

Complementary Color

#4aecdc
```
#4aecdc rgb(74,236,220)
```
#4aabec
```
#4aabec rgb(74,171,236)
```
#4a5aec
```
#4a5aec rgb(74,90,236)
```

Analogous Color

#ecdc4a
```
#ecdc4a rgb(236,220,74)
```
#4aabec
```
#4aabec rgb(74,171,236)
```
#ec4a5a
```
#ec4a5a rgb(236,74,90)
```

Split Complementary Color

#abec4a
```
#abec4a rgb(171,236,74)
```
#4aabec
```
#4aabec rgb(74,171,236)
```
#ec4aab
```
#ec4aab rgb(236,74,171)
```

Triadic Color

#4aec8b
```
#4aec8b rgb(74,236,139)
```
#4aabec
```
#4aabec rgb(74,171,236)
```
#ec4aab
```
#ec4aab rgb(236,74,171)
```
#ec8b4a
```
#ec8b4a rgb(236,139,74)
```

Tetradic Color

#1687d3
```
#1687d3 rgb(22,135,211)
```
#1c96e7
```
#1c96e7 rgb(28,150,231)
```
#33a0ea
```
#33a0ea rgb(51,160,234)
```
#4aabec
```
#4aabec rgb(74,171,236)
```
#61b6ee
```
#61b6ee rgb(97,182,238)
```
#78c0f1
```
#78c0f1 rgb(120,192,241)
```
#8fcbf3
```
#8fcbf3 rgb(143,203,243)
```

Monochromatic Color

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

#4ad4ec
```
#4ad4ec rgb(74,212,236)
```
#4ac6ec
```
#4ac6ec rgb(74,198,236)
```
#4ab9ec
```
#4ab9ec rgb(74,185,236)
```
#4aabec
```
#4aabec rgb(74,171,236)
```
#4a9eec
```
#4a9eec rgb(74,158,236)
```
#4a90ec
```
#4a90ec rgb(74,144,236)
```
#4a83ec
```
#4a83ec rgb(74,131,236)
```

Similar Colors

Text with hexadecimal color #4aabec

This text has a font color of #4aabec.

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

#4aabec background color

This paragraph has a background color of #4aabec.

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

#4aabec border color

This element has a border color of #4aabec.

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

CSS codes

.text {color:#4aabec;}

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

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

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, #01090e is the darkest color, while #fcfdff is the lightest one.

#01090e
```
#01090e rgb(1,9,14)
```
#031520
```
#031520 rgb(3,21,32)
```
#052032
```
#052032 rgb(5,32,50)
```
#072b44
```
#072b44 rgb(7,43,68)
```
#093755
```
#093755 rgb(9,55,85)
```
#0b4267
```
#0b4267 rgb(11,66,103)
```
#0d4d79
```
#0d4d79 rgb(13,77,121)
```
#0f598b
```
#0f598b rgb(15,89,139)
```
#10649c
```
#10649c rgb(16,100,156)
```
#1270ae
```
#1270ae rgb(18,112,174)
```
#147bc0
```
#147bc0 rgb(20,123,192)
```
#1686d2
```
#1686d2 rgb(22,134,210)
```
#1892e3
```
#1892e3 rgb(24,146,227)
```

Shade Color Variation

#269be8
```
#269be8 rgb(38,155,232)
```
#38a3ea
```
#38a3ea rgb(56,163,234)
```
#4aabec
```
#4aabec rgb(74,171,236)
```
#5cb3ee
```
#5cb3ee rgb(92,179,238)
```
#6ebbf0
```
#6ebbf0 rgb(110,187,240)
```
#7fc4f2
```
#7fc4f2 rgb(127,196,242)
```
#91ccf3
```
#91ccf3 rgb(145,204,243)
```
#a3d4f5
```
#a3d4f5 rgb(163,212,245)
```
#b5dcf7
```
#b5dcf7 rgb(181,220,247)
```
#c6e5f9
```
#c6e5f9 rgb(198,229,249)
```
#d8edfb
```
#d8edfb rgb(216,237,251)
```
#eaf5fd
```
#eaf5fd rgb(234,245,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979c9f is the less saturated color, while #3baefb is the most saturated one.

#979c9f
```
#979c9f rgb(151,156,159)
```
#8f9da7
```
#8f9da7 rgb(143,157,167)
```
#889fae
```
#889fae rgb(136,159,174)
```
#80a0b6
```
#80a0b6 rgb(128,160,182)
```
#78a2be
```
#78a2be rgb(120,162,190)
```
#70a3c6
```
#70a3c6 rgb(112,163,198)
```
#69a5cd
```
#69a5cd rgb(105,165,205)
```
#61a6d5
```
#61a6d5 rgb(97,166,213)
```
#59a8dd
```
#59a8dd rgb(89,168,221)
```
#52a9e4
```
#52a9e4 rgb(82,169,228)
```
#4aabec
```
#4aabec rgb(74,171,236)
```
#42adf4
```
#42adf4 rgb(66,173,244)
```
#3baefb
```
#3baefb rgb(59,174,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8699a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a5e5 Protanopia 1% of men
#85a7f0 Deuteranopia 1% of men
#2cb7c4 Tritanopia 0.001% of the population

Trichromacy

#78a7e8 Protanomaly 1% of men, 0.01% of women
#6fa8ee Deuteranomaly 6% of men, 0.4% of women
#37b2d3 Tritanomaly 0.01% of the population

#4aabec hex color

#4aabec Color Information

#4aabec Color Conversion

Color Schemes with #4aabec

Alternatives to #4aabec

#4aabec Preview

Shades and Tints of #4aabec

Tones of #4aabec

Color Blindness Simulator