#3afbd4 Color Information
In a RGB color space, hex #3afbd4 is composed of 22.7% red, 98.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 15.5% yellow and 1.6% black. It has a hue angle of 167.9 degrees, a saturation of 96% and a lightness of 60.6%. #3afbd4 color hex could be obtained by blending #74ffff with #00f7a9. Closest websafe color is: #33ffcc.
-
- R 23
- G 98
- B 83
-
- C 77
- M 0
- Y 16
- K 2
● #3afbd4 color description : Bright cyan.
#3afbd4 Color Conversion
The hexadecimal color #3afbd4 has RGB values of R:58, G:251, B:212 and CMYK values of C:0.77, M:0, Y:0.16, K:0.02. Its decimal value is 3865556.
Hex triplet | 3afbd4 | #3afbd4 |
---|---|---|
RGB Decimal | 58, 251, 212 | rgb(58,251,212) |
RGB Percent | 22.7, 98.4, 83.1 | rgb(22.7%,98.4%,83.1%) |
CMYK | 77, 0, 16, 2 | |
HSL | 167.9°, 96, 60.6 | hsl(167.9,96%,60.6%) |
HSV (or HSB) | 167.9°, 76.9, 98.4 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 89.225, -55.05, 5.459 |
---|---|
XYZ | 48.121, 74.643, 74.155 |
xyY | 0.244, 0.379, 74.643 |
CIE-LCH | 89.225, 55.32, 174.337 |
CIE-LUV | 89.225, -68.88, 17.263 |
Hunter-Lab | 86.396, -51.771, 9.588 |
Binary | 00111010, 11111011, 11010100 |
Color Schemes with #3afbd4
Alternatives to #3afbd4
Below, you can see some colors close to #3afbd4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afbd4 Preview
This text has a font color of #3afbd4.
<span style="color:#3afbd4;">Text here</span>
This paragraph has a background color of #3afbd4.
<p style="background-color:#3afbd4;">Content here</p>
This element has a border color of #3afbd4.
<div style="border:1px solid #3afbd4;">Content here</div>
.text {color:#3afbd4;}
.background {background-color:#3afbd4;}
.border {border:1px solid #3afbd4;}
Shades and Tints of #3afbd4
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, #000e0c is the darkest color, while #fafffe is the lightest one.
-
#000e0c
#000e0c
rgb(0,14,12)
-
#01221b
#01221b
rgb(1,34,27)
-
#01352a
#01352a
rgb(1,53,42)
-
#01483a
#01483a
rgb(1,72,58)
-
#025b49
#025b49
rgb(2,91,73)
-
#026f59
#026f59
rgb(2,111,89)
-
#038268
#038268
rgb(3,130,104)
-
#039578
#039578
rgb(3,149,120)
-
#03a887
#03a887
rgb(3,168,135)
-
#04bc96
#04bc96
rgb(4,188,150)
-
#04cfa6
#04cfa6
rgb(4,207,166)
-
#05e2b5
#05e2b5
rgb(5,226,181)
-
#05f5c5
#05f5c5
rgb(5,245,197)
-
#14facc
#14facc
rgb(20,250,204)
-
#27fbd0
#27fbd0
rgb(39,251,208)
-
#3afbd4
#3afbd4
rgb(58,251,212)
-
#4dfbd8
#4dfbd8
rgb(77,251,216)
-
#60fcdc
#60fcdc
rgb(96,252,220)
-
#74fce1
#74fce1
rgb(116,252,225)
-
#87fde5
#87fde5
rgb(135,253,229)
-
#9afde9
#9afde9
rgb(154,253,233)
-
#adfded
#adfded
rgb(173,253,237)
-
#c1fef1
#c1fef1
rgb(193,254,241)
-
#d4fef6
#d4fef6
rgb(212,254,246)
-
#e7fffa
#e7fffa
rgb(231,255,250)
-
#fafffe
#fafffe
rgb(250,255,254)
Tones of #3afbd4
A tone is produced by adding gray to any pure hue. In this case, #979e9d is the less saturated color, while #3afbd4 is the most saturated one.
-
#979e9d
#979e9d
rgb(151,158,157)
-
#8fa6a1
#8fa6a1
rgb(143,166,161)
-
#87aea6
#87aea6
rgb(135,174,166)
-
#80b5ab
#80b5ab
rgb(128,181,171)
-
#78bdaf
#78bdaf
rgb(120,189,175)
-
#70c5b4
#70c5b4
rgb(112,197,180)
-
#68cdb8
#68cdb8
rgb(104,205,184)
-
#61d4bd
#61d4bd
rgb(97,212,189)
-
#59dcc2
#59dcc2
rgb(89,220,194)
-
#51e4c6
#51e4c6
rgb(81,228,198)
-
#49eccb
#49eccb
rgb(73,236,203)
-
#42f3cf
#42f3cf
rgb(66,243,207)
-
#3afbd4
#3afbd4
rgb(58,251,212)
Color Blindness Simulator
Below, you can see how #3afbd4 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.