#2aafcc Color Information
In a RGB color space, hex #2aafcc is composed of 16.5% red, 68.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 14.2% magenta, 0% yellow and 20% black. It has a hue angle of 190.7 degrees, a saturation of 65.9% and a lightness of 48.2%. #2aafcc color hex could be obtained by blending #54ffff with #005f99. Closest websafe color is: #3399cc.
-
- R 16
- G 69
- B 80
-
- C 79
- M 14
- Y 0
- K 20
● #2aafcc color description : Strong cyan.
#2aafcc Color Conversion
The hexadecimal color #2aafcc has RGB values of R:42, G:175, B:204 and CMYK values of C:0.79, M:0.14, Y:0, K:0.2. Its decimal value is 2797516.
Hex triplet | 2aafcc | #2aafcc |
---|---|---|
RGB Decimal | 42, 175, 204 | rgb(42,175,204) |
RGB Percent | 16.5, 68.6, 80 | rgb(16.5%,68.6%,80%) |
CMYK | 79, 14, 0, 20 | |
HSL | 190.7°, 65.9, 48.2 | hsl(190.7,65.9%,48.2%) |
HSV (or HSB) | 190.7°, 79.4, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 66.143, -24.65, -24.628 |
---|---|
XYZ | 27.181, 35.509, 62.545 |
xyY | 0.217, 0.284, 35.509 |
CIE-LCH | 66.143, 34.845, 224.975 |
CIE-LUV | 66.143, -45.041, -35.06 |
Hunter-Lab | 59.59, -22.862, -20.518 |
Binary | 00101010, 10101111, 11001100 |
Color Schemes with #2aafcc
Alternatives to #2aafcc
Below, you can see some colors close to #2aafcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2aafcc Preview
This text has a font color of #2aafcc.
<span style="color:#2aafcc;">Text here</span>
This paragraph has a background color of #2aafcc.
<p style="background-color:#2aafcc;">Content here</p>
This element has a border color of #2aafcc.
<div style="border:1px solid #2aafcc;">Content here</div>
.text {color:#2aafcc;}
.background {background-color:#2aafcc;}
.border {border:1px solid #2aafcc;}
Shades and Tints of #2aafcc
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, #020809 is the darkest color, while #f8fcfd is the lightest one.
-
#020809
#020809
rgb(2,8,9)
-
#051619
#051619
rgb(5,22,25)
-
#092329
#092329
rgb(9,35,41)
-
#0c313a
#0c313a
rgb(12,49,58)
-
#0f3f4a
#0f3f4a
rgb(15,63,74)
-
#134d5a
#134d5a
rgb(19,77,90)
-
#165b6a
#165b6a
rgb(22,91,106)
-
#19697b
#19697b
rgb(25,105,123)
-
#1d778b
#1d778b
rgb(29,119,139)
-
#20859b
#20859b
rgb(32,133,155)
-
#2393ab
#2393ab
rgb(35,147,171)
-
#27a1bc
#27a1bc
rgb(39,161,188)
-
#2aafcc
#2aafcc
rgb(42,175,204)
-
#34b8d5
#34b8d5
rgb(52,184,213)
-
#45bed9
#45bed9
rgb(69,190,217)
-
#55c4dc
#55c4dc
rgb(85,196,220)
-
#65c9df
#65c9df
rgb(101,201,223)
-
#75cfe3
#75cfe3
rgb(117,207,227)
-
#86d5e6
#86d5e6
rgb(134,213,230)
-
#96dae9
#96dae9
rgb(150,218,233)
-
#a6e0ed
#a6e0ed
rgb(166,224,237)
-
#b6e6f0
#b6e6f0
rgb(182,230,240)
-
#c7ebf3
#c7ebf3
rgb(199,235,243)
-
#d7f1f7
#d7f1f7
rgb(215,241,247)
-
#e7f7fa
#e7f7fa
rgb(231,247,250)
-
#f8fcfd
#f8fcfd
rgb(248,252,253)
Tones of #2aafcc
A tone is produced by adding gray to any pure hue. In this case, #767e80 is the less saturated color, while #04c7f2 is the most saturated one.
-
#767e80
#767e80
rgb(118,126,128)
-
#6c848a
#6c848a
rgb(108,132,138)
-
#638b93
#638b93
rgb(99,139,147)
-
#59919d
#59919d
rgb(89,145,157)
-
#5097a6
#5097a6
rgb(80,151,166)
-
#469db0
#469db0
rgb(70,157,176)
-
#3da3b9
#3da3b9
rgb(61,163,185)
-
#33a9c3
#33a9c3
rgb(51,169,195)
-
#2aafcc
#2aafcc
rgb(42,175,204)
-
#21b5d5
#21b5d5
rgb(33,181,213)
-
#17bbdf
#17bbdf
rgb(23,187,223)
-
#0ec1e8
#0ec1e8
rgb(14,193,232)
-
#04c7f2
#04c7f2
rgb(4,199,242)
Color Blindness Simulator
Below, you can see how #2aafcc 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.