#2affe4 Color Information
In a RGB color space, hex #2affe4 is composed of 16.5% red, 100% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 10.6% yellow and 0% black. It has a hue angle of 172.4 degrees, a saturation of 100% and a lightness of 58.2%. #2affe4 color hex could be obtained by blending #54ffff with #00ffc9. Closest websafe color is: #33ffcc.
-
- R 16
- G 100
- B 89
-
- C 84
- M 0
- Y 11
- K 0
● #2affe4 color description : Vivid cyan.
#2affe4 Color Conversion
The hexadecimal color #2affe4 has RGB values of R:42, G:255, B:228 and CMYK values of C:0.84, M:0, Y:0.11, K:0. Its decimal value is 2818020.
Hex triplet | 2affe4 | #2affe4 |
---|---|---|
RGB Decimal | 42, 255, 228 | rgb(42,255,228) |
RGB Percent | 16.5, 100, 89.4 | rgb(16.5%,100%,89.4%) |
CMYK | 84, 0, 11, 0 | |
HSL | 172.4°, 100, 58.2 | hsl(172.4,100%,58.2%) |
HSV (or HSB) | 172.4°, 83.5, 100 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 90.601, -53.948, -0.865 |
---|---|
XYZ | 50.714, 77.608, 85.702 |
xyY | 0.237, 0.363, 77.608 |
CIE-LCH | 90.601, 53.955, 180.919 |
CIE-LUV | 90.601, -70.699, 7.29 |
Hunter-Lab | 88.096, -51.411, 3.988 |
Binary | 00101010, 11111111, 11100100 |
Color Schemes with #2affe4
Alternatives to #2affe4
Below, you can see some colors close to #2affe4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2affe4 Preview
This text has a font color of #2affe4.
<span style="color:#2affe4;">Text here</span>
This paragraph has a background color of #2affe4.
<p style="background-color:#2affe4;">Content here</p>
This element has a border color of #2affe4.
<div style="border:1px solid #2affe4;">Content here</div>
.text {color:#2affe4;}
.background {background-color:#2affe4;}
.border {border:1px solid #2affe4;}
Shades and Tints of #2affe4
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, #000302 is the darkest color, while #eefffd is the lightest one.
-
#000302
#000302
rgb(0,3,2)
-
#001614
#001614
rgb(0,22,20)
-
#002a25
#002a25
rgb(0,42,37)
-
#003e36
#003e36
rgb(0,62,54)
-
#005147
#005147
rgb(0,81,71)
-
#006558
#006558
rgb(0,101,88)
-
#007869
#007869
rgb(0,120,105)
-
#008c7a
#008c7a
rgb(0,140,122)
-
#00a08b
#00a08b
rgb(0,160,139)
-
#00b39d
#00b39d
rgb(0,179,157)
-
#00c7ae
#00c7ae
rgb(0,199,174)
-
#00dbbf
#00dbbf
rgb(0,219,191)
-
#00eed0
#00eed0
rgb(0,238,208)
-
#03ffdf
#03ffdf
rgb(3,255,223)
-
#16ffe2
#16ffe2
rgb(22,255,226)
-
#2affe4
#2affe4
rgb(42,255,228)
-
#3effe6
#3effe6
rgb(62,255,230)
-
#51ffe9
#51ffe9
rgb(81,255,233)
-
#65ffeb
#65ffeb
rgb(101,255,235)
-
#78ffee
#78ffee
rgb(120,255,238)
-
#8cfff0
#8cfff0
rgb(140,255,240)
-
#a0fff3
#a0fff3
rgb(160,255,243)
-
#b3fff5
#b3fff5
rgb(179,255,245)
-
#c7fff8
#c7fff8
rgb(199,255,248)
-
#dbfffa
#dbfffa
rgb(219,255,250)
-
#eefffd
#eefffd
rgb(238,255,253)
Tones of #2affe4
A tone is produced by adding gray to any pure hue. In this case, #8c9d9b is the less saturated color, while #2affe4 is the most saturated one.
-
#8c9d9b
#8c9d9b
rgb(140,157,155)
-
#84a5a1
#84a5a1
rgb(132,165,161)
-
#7cada7
#7cada7
rgb(124,173,167)
-
#74b5ad
#74b5ad
rgb(116,181,173)
-
#6cbdb3
#6cbdb3
rgb(108,189,179)
-
#63c6b9
#63c6b9
rgb(99,198,185)
-
#5bcebf
#5bcebf
rgb(91,206,191)
-
#53d6c5
#53d6c5
rgb(83,214,197)
-
#4bdecc
#4bdecc
rgb(75,222,204)
-
#43e6d2
#43e6d2
rgb(67,230,210)
-
#3aefd8
#3aefd8
rgb(58,239,216)
-
#32f7de
#32f7de
rgb(50,247,222)
-
#2affe4
#2affe4
rgb(42,255,228)
Color Blindness Simulator
Below, you can see how #2affe4 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.