#2af3f0 Color Information
In a RGB color space, hex #2af3f0 is composed of 16.5% red, 95.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 0% magenta, 1.2% yellow and 4.7% black. It has a hue angle of 179.1 degrees, a saturation of 89.3% and a lightness of 55.9%. #2af3f0 color hex could be obtained by blending #54ffff with #00e7e1. Closest websafe color is: #33ffff.
-
- R 16
- G 95
- B 94
-
- C 83
- M 0
- Y 1
- K 5
● #2af3f0 color description : Bright cyan.
#2af3f0 Color Conversion
The hexadecimal color #2af3f0 has RGB values of R:42, G:243, B:240 and CMYK values of C:0.83, M:0, Y:0.01, K:0.05. Its decimal value is 2814960.
Hex triplet | 2af3f0 | #2af3f0 |
---|---|---|
RGB Decimal | 42, 243, 240 | rgb(42,243,240) |
RGB Percent | 16.5, 95.3, 94.1 | rgb(16.5%,95.3%,94.1%) |
CMYK | 83, 0, 1, 5 | |
HSL | 179.1°, 89.3, 55.9 | hsl(179.1,89.3%,55.9%) |
HSV (or HSB) | 179.1°, 82.7, 95.3 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 87.427, -45.627, -11.809 |
---|---|
XYZ | 48.729, 70.88, 93.546 |
xyY | 0.229, 0.333, 70.88 |
CIE-LCH | 87.427, 47.131, 194.51 |
CIE-LUV | 87.427, -65.774, -11.647 |
Hunter-Lab | 84.19, -44.018, -6.946 |
Binary | 00101010, 11110011, 11110000 |
Color Schemes with #2af3f0
Alternatives to #2af3f0
Below, you can see some colors close to #2af3f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2af3f0 Preview
This text has a font color of #2af3f0.
<span style="color:#2af3f0;">Text here</span>
This paragraph has a background color of #2af3f0.
<p style="background-color:#2af3f0;">Content here</p>
This element has a border color of #2af3f0.
<div style="border:1px solid #2af3f0;">Content here</div>
.text {color:#2af3f0;}
.background {background-color:#2af3f0;}
.border {border:1px solid #2af3f0;}
Shades and Tints of #2af3f0
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, #010a0a is the darkest color, while #f6fffe is the lightest one.
-
#010a0a
#010a0a
rgb(1,10,10)
-
#021c1c
#021c1c
rgb(2,28,28)
-
#032f2e
#032f2e
rgb(3,47,46)
-
#044241
#044241
rgb(4,66,65)
-
#055453
#055453
rgb(5,84,83)
-
#066765
#066765
rgb(6,103,101)
-
#077978
#077978
rgb(7,121,120)
-
#088c8a
#088c8a
rgb(8,140,138)
-
#099e9c
#099e9c
rgb(9,158,156)
-
#0ab1ae
#0ab1ae
rgb(10,177,174)
-
#0bc4c1
#0bc4c1
rgb(11,196,193)
-
#0cd6d3
#0cd6d3
rgb(12,214,211)
-
#0de9e5
#0de9e5
rgb(13,233,229)
-
#17f2ef
#17f2ef
rgb(23,242,239)
-
#2af3f0
#2af3f0
rgb(42,243,240)
-
#3df4f1
#3df4f1
rgb(61,244,241)
-
#4ff5f3
#4ff5f3
rgb(79,245,243)
-
#62f6f4
#62f6f4
rgb(98,246,244)
-
#74f7f5
#74f7f5
rgb(116,247,245)
-
#87f8f7
#87f8f7
rgb(135,248,247)
-
#99f9f8
#99f9f8
rgb(153,249,248)
-
#acfaf9
#acfaf9
rgb(172,250,249)
-
#bffbfa
#bffbfa
rgb(191,251,250)
-
#d1fcfc
#d1fcfc
rgb(209,252,252)
-
#e4fdfd
#e4fdfd
rgb(228,253,253)
-
#f6fffe
#f6fffe
rgb(246,255,254)
Tones of #2af3f0
A tone is produced by adding gray to any pure hue. In this case, #899494 is the less saturated color, while #21fcf8 is the most saturated one.
-
#899494
#899494
rgb(137,148,148)
-
#819c9c
#819c9c
rgb(129,156,156)
-
#78a5a4
#78a5a4
rgb(120,165,164)
-
#6faead
#6faead
rgb(111,174,173)
-
#67b6b5
#67b6b5
rgb(103,182,181)
-
#5ebfbe
#5ebfbe
rgb(94,191,190)
-
#55c8c6
#55c8c6
rgb(85,200,198)
-
#4dd0ce
#4dd0ce
rgb(77,208,206)
-
#44d9d7
#44d9d7
rgb(68,217,215)
-
#3be2df
#3be2df
rgb(59,226,223)
-
#33eae8
#33eae8
rgb(51,234,232)
-
#2af3f0
#2af3f0
rgb(42,243,240)
-
#21fcf8
#21fcf8
rgb(33,252,248)
Color Blindness Simulator
Below, you can see how #2af3f0 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.