#3afbcc Color Information
In a RGB color space, hex #3afbcc is composed of 22.7% red, 98.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 18.7% yellow and 1.6% black. It has a hue angle of 165.4 degrees, a saturation of 96% and a lightness of 60.6%. #3afbcc color hex could be obtained by blending #74ffff with #00f799. Closest websafe color is: #33ffcc.
-
- R 23
- G 98
- B 80
-
- C 77
- M 0
- Y 19
- K 2
● #3afbcc color description : Bright cyan.
#3afbcc Color Conversion
The hexadecimal color #3afbcc has RGB values of R:58, G:251, B:204 and CMYK values of C:0.77, M:0, Y:0.19, K:0.02. Its decimal value is 3865548.
Hex triplet | 3afbcc | #3afbcc |
---|---|---|
RGB Decimal | 58, 251, 204 | rgb(58,251,204) |
RGB Percent | 22.7, 98.4, 80 | rgb(22.7%,98.4%,80%) |
CMYK | 77, 0, 19, 2 | |
HSL | 165.4°, 96, 60.6 | hsl(165.4,96%,60.6%) |
HSV (or HSB) | 165.4°, 76.9, 98.4 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 89.04, -56.987, 9.34 |
---|---|
XYZ | 47.137, 74.249, 68.971 |
xyY | 0.248, 0.39, 74.249 |
CIE-LCH | 89.04, 57.747, 170.692 |
CIE-LUV | 89.04, -69.44, 23.406 |
Hunter-Lab | 86.168, -53.147, 12.86 |
Binary | 00111010, 11111011, 11001100 |
Color Schemes with #3afbcc
Alternatives to #3afbcc
Below, you can see some colors close to #3afbcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afbcc Preview
This text has a font color of #3afbcc.
<span style="color:#3afbcc;">Text here</span>
This paragraph has a background color of #3afbcc.
<p style="background-color:#3afbcc;">Content here</p>
This element has a border color of #3afbcc.
<div style="border:1px solid #3afbcc;">Content here</div>
.text {color:#3afbcc;}
.background {background-color:#3afbcc;}
.border {border:1px solid #3afbcc;}
Shades and Tints of #3afbcc
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, #000e0b is the darkest color, while #fafffe is the lightest one.
-
#000e0b
#000e0b
rgb(0,14,11)
-
#01221a
#01221a
rgb(1,34,26)
-
#013528
#013528
rgb(1,53,40)
-
#014837
#014837
rgb(1,72,55)
-
#025b46
#025b46
rgb(2,91,70)
-
#026f54
#026f54
rgb(2,111,84)
-
#038263
#038263
rgb(3,130,99)
-
#039571
#039571
rgb(3,149,113)
-
#03a880
#03a880
rgb(3,168,128)
-
#04bc8f
#04bc8f
rgb(4,188,143)
-
#04cf9d
#04cf9d
rgb(4,207,157)
-
#05e2ac
#05e2ac
rgb(5,226,172)
-
#05f5bb
#05f5bb
rgb(5,245,187)
-
#14fac2
#14fac2
rgb(20,250,194)
-
#27fbc7
#27fbc7
rgb(39,251,199)
-
#3afbcc
#3afbcc
rgb(58,251,204)
-
#4dfbd1
#4dfbd1
rgb(77,251,209)
-
#60fcd6
#60fcd6
rgb(96,252,214)
-
#74fcdb
#74fcdb
rgb(116,252,219)
-
#87fde0
#87fde0
rgb(135,253,224)
-
#9afde5
#9afde5
rgb(154,253,229)
-
#adfdea
#adfdea
rgb(173,253,234)
-
#c1feef
#c1feef
rgb(193,254,239)
-
#d4fef4
#d4fef4
rgb(212,254,244)
-
#e7fff9
#e7fff9
rgb(231,255,249)
-
#fafffe
#fafffe
rgb(250,255,254)
Tones of #3afbcc
A tone is produced by adding gray to any pure hue. In this case, #979e9c is the less saturated color, while #3afbcc is the most saturated one.
-
#979e9c
#979e9c
rgb(151,158,156)
-
#8fa6a0
#8fa6a0
rgb(143,166,160)
-
#87aea4
#87aea4
rgb(135,174,164)
-
#80b5a8
#80b5a8
rgb(128,181,168)
-
#78bdac
#78bdac
rgb(120,189,172)
-
#70c5b0
#70c5b0
rgb(112,197,176)
-
#68cdb4
#68cdb4
rgb(104,205,180)
-
#61d4b8
#61d4b8
rgb(97,212,184)
-
#59dcbc
#59dcbc
rgb(89,220,188)
-
#51e4c0
#51e4c0
rgb(81,228,192)
-
#49ecc4
#49ecc4
rgb(73,236,196)
-
#42f3c8
#42f3c8
rgb(66,243,200)
-
#3afbcc
#3afbcc
rgb(58,251,204)
Color Blindness Simulator
Below, you can see how #3afbcc 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.