#3afef1 Color Information
In a RGB color space, hex #3afef1 is composed of 22.7% red, 99.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 0% magenta, 5.1% yellow and 0.4% black. It has a hue angle of 176 degrees, a saturation of 99% and a lightness of 61.2%. #3afef1 color hex could be obtained by blending #74ffff with #00fde3. Closest websafe color is: #33ffff.
-
- R 23
- G 100
- B 95
-
- C 77
- M 0
- Y 5
- K 0
● #3afef1 color description : Bright cyan.
#3afef1 Color Conversion
The hexadecimal color #3afef1 has RGB values of R:58, G:254, B:241 and CMYK values of C:0.77, M:0, Y:0.05, K:0. Its decimal value is 3866353.
Hex triplet | 3afef1 | #3afef1 |
---|---|---|
RGB Decimal | 58, 254, 241 | rgb(58,254,241) |
RGB Percent | 22.7, 99.6, 94.5 | rgb(22.7%,99.6%,94.5%) |
CMYK | 77, 0, 5, 0 | |
HSL | 176°, 99, 61.2 | hsl(176,99%,61.2%) |
HSV (or HSB) | 176°, 77.2, 99.6 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 90.839, -48.816, -7.239 |
---|---|
XYZ | 53.059, 78.129, 95.498 |
xyY | 0.234, 0.345, 78.129 |
CIE-LCH | 90.839, 49.35, 188.435 |
CIE-LUV | 90.839, -67.813, -3.691 |
Hunter-Lab | 88.391, -47.534, -2.184 |
Binary | 00111010, 11111110, 11110001 |
Color Schemes with #3afef1
Alternatives to #3afef1
Below, you can see some colors close to #3afef1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afef1 Preview
This text has a font color of #3afef1.
<span style="color:#3afef1;">Text here</span>
This paragraph has a background color of #3afef1.
<p style="background-color:#3afef1;">Content here</p>
This element has a border color of #3afef1.
<div style="border:1px solid #3afef1;">Content here</div>
.text {color:#3afef1;}
.background {background-color:#3afef1;}
.border {border:1px solid #3afef1;}
Shades and Tints of #3afef1
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, #001211 is the darkest color, while #fdffff is the lightest one.
-
#001211
#001211
rgb(0,18,17)
-
#002523
#002523
rgb(0,37,35)
-
#003935
#003935
rgb(0,57,53)
-
#004c47
#004c47
rgb(0,76,71)
-
#006059
#006059
rgb(0,96,89)
-
#01736c
#01736c
rgb(1,115,108)
-
#01877e
#01877e
rgb(1,135,126)
-
#019a90
#019a90
rgb(1,154,144)
-
#01aea2
#01aea2
rgb(1,174,162)
-
#01c1b5
#01c1b5
rgb(1,193,181)
-
#01d5c7
#01d5c7
rgb(1,213,199)
-
#01e8d9
#01e8d9
rgb(1,232,217)
-
#01fceb
#01fceb
rgb(1,252,235)
-
#13feee
#13feee
rgb(19,254,238)
-
#26fef0
#26fef0
rgb(38,254,240)
-
#3afef1
#3afef1
rgb(58,254,241)
-
#4efef2
#4efef2
rgb(78,254,242)
-
#61fef4
#61fef4
rgb(97,254,244)
-
#75fef5
#75fef5
rgb(117,254,245)
-
#88fef7
#88fef7
rgb(136,254,247)
-
#9cfef8
#9cfef8
rgb(156,254,248)
-
#affff9
#affff9
rgb(175,255,249)
-
#c3fffb
#c3fffb
rgb(195,255,251)
-
#d6fffc
#d6fffc
rgb(214,255,252)
-
#eafffd
#eafffd
rgb(234,255,253)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #3afef1
A tone is produced by adding gray to any pure hue. In this case, #95a3a2 is the less saturated color, while #3afef1 is the most saturated one.
-
#95a3a2
#95a3a2
rgb(149,163,162)
-
#8eaaa8
#8eaaa8
rgb(142,170,168)
-
#86b2af
#86b2af
rgb(134,178,175)
-
#7fb9b6
#7fb9b6
rgb(127,185,182)
-
#77c1bc
#77c1bc
rgb(119,193,188)
-
#6fc9c3
#6fc9c3
rgb(111,201,195)
-
#68d0c9
#68d0c9
rgb(104,208,201)
-
#60d8d0
#60d8d0
rgb(96,216,208)
-
#58e0d7
#58e0d7
rgb(88,224,215)
-
#51e7dd
#51e7dd
rgb(81,231,221)
-
#49efe4
#49efe4
rgb(73,239,228)
-
#42f6ea
#42f6ea
rgb(66,246,234)
-
#3afef1
#3afef1
rgb(58,254,241)
Color Blindness Simulator
Below, you can see how #3afef1 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.