#3afcdd Color Information
In a RGB color space, hex #3afcdd is composed of 22.7% red, 98.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 12.3% yellow and 1.2% black. It has a hue angle of 170.4 degrees, a saturation of 97% and a lightness of 60.8%. #3afcdd color hex could be obtained by blending #74ffff with #00f9bb. Closest websafe color is: #33ffcc.
-
- R 23
- G 99
- B 87
-
- C 77
- M 0
- Y 12
- K 1
● #3afcdd color description : Bright cyan.
#3afcdd Color Conversion
The hexadecimal color #3afcdd has RGB values of R:58, G:252, B:221 and CMYK values of C:0.77, M:0, Y:0.12, K:0.01. Its decimal value is 3865821.
Hex triplet | 3afcdd | #3afcdd |
---|---|---|
RGB Decimal | 58, 252, 221 | rgb(58,252,221) |
RGB Percent | 22.7, 98.8, 86.7 | rgb(22.7%,98.8%,86.7%) |
CMYK | 77, 0, 12, 1 | |
HSL | 170.4°, 97, 60.8 | hsl(170.4,97%,60.8%) |
HSV (or HSB) | 170.4°, 77, 98.8 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 89.737, -53.208, 1.528 |
---|---|
XYZ | 49.602, 75.736, 80.407 |
xyY | 0.241, 0.368, 75.736 |
CIE-LCH | 89.737, 53.23, 178.355 |
CIE-LUV | 89.737, -68.581, 10.933 |
Hunter-Lab | 87.026, -50.558, 6.138 |
Binary | 00111010, 11111100, 11011101 |
Color Schemes with #3afcdd
Alternatives to #3afcdd
Below, you can see some colors close to #3afcdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afcdd Preview
This text has a font color of #3afcdd.
<span style="color:#3afcdd;">Text here</span>
This paragraph has a background color of #3afcdd.
<p style="background-color:#3afcdd;">Content here</p>
This element has a border color of #3afcdd.
<div style="border:1px solid #3afcdd;">Content here</div>
.text {color:#3afcdd;}
.background {background-color:#3afcdd;}
.border {border:1px solid #3afcdd;}
Shades and Tints of #3afcdd
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, #00100d is the darkest color, while #fbfffe is the lightest one.
-
#00100d
#00100d
rgb(0,16,13)
-
#01231d
#01231d
rgb(1,35,29)
-
#01362e
#01362e
rgb(1,54,46)
-
#01493e
#01493e
rgb(1,73,62)
-
#015d4e
#015d4e
rgb(1,93,78)
-
#02705e
#02705e
rgb(2,112,94)
-
#02836f
#02836f
rgb(2,131,111)
-
#02977f
#02977f
rgb(2,151,127)
-
#03aa8f
#03aa8f
rgb(3,170,143)
-
#03bda0
#03bda0
rgb(3,189,160)
-
#03d1b0
#03d1b0
rgb(3,209,176)
-
#03e4c0
#03e4c0
rgb(3,228,192)
-
#04f7d0
#04f7d0
rgb(4,247,208)
-
#13fbd6
#13fbd6
rgb(19,251,214)
-
#27fcda
#27fcda
rgb(39,252,218)
-
#3afcdd
#3afcdd
rgb(58,252,221)
-
#4dfce0
#4dfce0
rgb(77,252,224)
-
#61fde4
#61fde4
rgb(97,253,228)
-
#74fde7
#74fde7
rgb(116,253,231)
-
#87fdea
#87fdea
rgb(135,253,234)
-
#9bfdee
#9bfdee
rgb(155,253,238)
-
#aefef1
#aefef1
rgb(174,254,241)
-
#c1fef4
#c1fef4
rgb(193,254,244)
-
#d5fef8
#d5fef8
rgb(213,254,248)
-
#e8fffb
#e8fffb
rgb(232,255,251)
-
#fbfffe
#fbfffe
rgb(251,255,254)
Tones of #3afcdd
A tone is produced by adding gray to any pure hue. In this case, #96a09e is the less saturated color, while #3afcdd is the most saturated one.
-
#96a09e
#96a09e
rgb(150,160,158)
-
#8fa7a3
#8fa7a3
rgb(143,167,163)
-
#87afa9
#87afa9
rgb(135,175,169)
-
#7fb7ae
#7fb7ae
rgb(127,183,174)
-
#78beb3
#78beb3
rgb(120,190,179)
-
#70c6b8
#70c6b8
rgb(112,198,184)
-
#68cebe
#68cebe
rgb(104,206,190)
-
#60d6c3
#60d6c3
rgb(96,214,195)
-
#59ddc8
#59ddc8
rgb(89,221,200)
-
#51e5cd
#51e5cd
rgb(81,229,205)
-
#49edd3
#49edd3
rgb(73,237,211)
-
#42f4d8
#42f4d8
rgb(66,244,216)
-
#3afcdd
#3afcdd
rgb(58,252,221)
Color Blindness Simulator
Below, you can see how #3afcdd 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.