#3afccc Color Information
In a RGB color space, hex #3afccc is composed of 22.7% red, 98.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 19% yellow and 1.2% black. It has a hue angle of 165.2 degrees, a saturation of 97% and a lightness of 60.8%. #3afccc color hex could be obtained by blending #74ffff with #00f999. Closest websafe color is: #33ffcc.
-
- R 23
- G 99
- B 80
-
- C 77
- M 0
- Y 19
- K 1
● #3afccc color description : Bright cyan.
#3afccc Color Conversion
The hexadecimal color #3afccc has RGB values of R:58, G:252, B:204 and CMYK values of C:0.77, M:0, Y:0.19, K:0.01. Its decimal value is 3865804.
Hex triplet | 3afccc | #3afccc |
---|---|---|
RGB Decimal | 58, 252, 204 | rgb(58,252,204) |
RGB Percent | 22.7, 98.8, 80 | rgb(22.7%,98.8%,80%) |
CMYK | 77, 0, 19, 1 | |
HSL | 165.2°, 97, 60.8 | hsl(165.2,97%,60.8%) |
HSV (or HSB) | 165.2°, 77, 98.8 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 89.335, -57.382, 9.761 |
---|---|
XYZ | 47.45, 74.875, 69.075 |
xyY | 0.248, 0.391, 74.875 |
CIE-LCH | 89.335, 58.206, 170.346 |
CIE-LUV | 89.335, -69.778, 24.108 |
Hunter-Lab | 86.53, -53.545, 13.242 |
Binary | 00111010, 11111100, 11001100 |
Color Schemes with #3afccc
Alternatives to #3afccc
Below, you can see some colors close to #3afccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afccc Preview
This text has a font color of #3afccc.
<span style="color:#3afccc;">Text here</span>
This paragraph has a background color of #3afccc.
<p style="background-color:#3afccc;">Content here</p>
This element has a border color of #3afccc.
<div style="border:1px solid #3afccc;">Content here</div>
.text {color:#3afccc;}
.background {background-color:#3afccc;}
.border {border:1px solid #3afccc;}
Shades and Tints of #3afccc
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, #00100c is the darkest color, while #fbfffe is the lightest one.
-
#00100c
#00100c
rgb(0,16,12)
-
#01231a
#01231a
rgb(1,35,26)
-
#013629
#013629
rgb(1,54,41)
-
#014938
#014938
rgb(1,73,56)
-
#015d46
#015d46
rgb(1,93,70)
-
#027055
#027055
rgb(2,112,85)
-
#028363
#028363
rgb(2,131,99)
-
#029772
#029772
rgb(2,151,114)
-
#03aa81
#03aa81
rgb(3,170,129)
-
#03bd8f
#03bd8f
rgb(3,189,143)
-
#03d19e
#03d19e
rgb(3,209,158)
-
#03e4ac
#03e4ac
rgb(3,228,172)
-
#04f7bb
#04f7bb
rgb(4,247,187)
-
#13fbc2
#13fbc2
rgb(19,251,194)
-
#27fcc7
#27fcc7
rgb(39,252,199)
-
#3afccc
#3afccc
rgb(58,252,204)
-
#4dfcd1
#4dfcd1
rgb(77,252,209)
-
#61fdd6
#61fdd6
rgb(97,253,214)
-
#74fddb
#74fddb
rgb(116,253,219)
-
#87fde0
#87fde0
rgb(135,253,224)
-
#9bfde5
#9bfde5
rgb(155,253,229)
-
#aefeea
#aefeea
rgb(174,254,234)
-
#c1feef
#c1feef
rgb(193,254,239)
-
#d5fef4
#d5fef4
rgb(213,254,244)
-
#e8fff9
#e8fff9
rgb(232,255,249)
-
#fbfffe
#fbfffe
rgb(251,255,254)
Tones of #3afccc
A tone is produced by adding gray to any pure hue. In this case, #96a09d is the less saturated color, while #3afccc is the most saturated one.
-
#96a09d
#96a09d
rgb(150,160,157)
-
#8fa7a1
#8fa7a1
rgb(143,167,161)
-
#87afa5
#87afa5
rgb(135,175,165)
-
#7fb7a9
#7fb7a9
rgb(127,183,169)
-
#78bead
#78bead
rgb(120,190,173)
-
#70c6b1
#70c6b1
rgb(112,198,177)
-
#68ceb5
#68ceb5
rgb(104,206,181)
-
#60d6b9
#60d6b9
rgb(96,214,185)
-
#59ddbc
#59ddbc
rgb(89,221,188)
-
#51e5c0
#51e5c0
rgb(81,229,192)
-
#49edc4
#49edc4
rgb(73,237,196)
-
#42f4c8
#42f4c8
rgb(66,244,200)
-
#3afccc
#3afccc
rgb(58,252,204)
Color Blindness Simulator
Below, you can see how #3afccc 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.