#3aebcc Color Information
In a RGB color space, hex #3aebcc is composed of 22.7% red, 92.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 0% magenta, 13.2% yellow and 7.8% black. It has a hue angle of 169.5 degrees, a saturation of 81.6% and a lightness of 57.5%. #3aebcc color hex could be obtained by blending #74ffff with #00d799. Closest websafe color is: #33ffcc.
-
- R 23
- G 92
- B 80
-
- C 75
- M 0
- Y 13
- K 8
● #3aebcc color description : Bright cyan.
#3aebcc Color Conversion
The hexadecimal color #3aebcc has RGB values of R:58, G:235, B:204 and CMYK values of C:0.75, M:0, Y:0.13, K:0.08. Its decimal value is 3861452.
| Hex triplet | 3aebcc | #3aebcc |
|---|---|---|
| RGB Decimal | 58, 235, 204 | rgb(58,235,204) |
| RGB Percent | 22.7, 92.2, 80 | rgb(22.7%,92.2%,80%) |
| CMYK | 75, 0, 13, 8 | |
| HSL | 169.5°, 81.6, 57.5 | hsl(169.5,81.6%,57.5%) |
| HSV (or HSB) | 169.5°, 75.3, 92.2 | |
| Web Safe | 33ffcc | #33ffcc |
| CIE-LAB | 84.314, -50.501, 2.527 |
|---|---|
| XYZ | 42.349, 64.672, 67.374 |
| xyY | 0.243, 0.371, 64.672 |
| CIE-LCH | 84.314, 50.564, 177.135 |
| CIE-LUV | 84.314, -63.977, 11.938 |
| Hunter-Lab | 80.419, -46.735, 6.62 |
| Binary | 00111010, 11101011, 11001100 |
Color Schemes with #3aebcc
Alternatives to #3aebcc
Below, you can see some colors close to #3aebcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aebcc Preview
This text has a font color of #3aebcc.
<span style="color:#3aebcc;">Text here</span>
This paragraph has a background color of #3aebcc.
<p style="background-color:#3aebcc;">Content here</p>
This element has a border color of #3aebcc.
<div style="border:1px solid #3aebcc;">Content here</div>
.text {color:#3aebcc;}
.background {background-color:#3aebcc;}
.border {border:1px solid #3aebcc;}
Shades and Tints of #3aebcc
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, #02110e is the darkest color, while #feffff is the lightest one.
-
#02110e
#02110ergb(2,17,14) -
#04221d
#04221drgb(4,34,29) -
#05342c
#05342crgb(5,52,44) -
#07463b
#07463brgb(7,70,59) -
#09584a
#09584argb(9,88,74) -
#0b6a59
#0b6a59rgb(11,106,89) -
#0d7c68
#0d7c68rgb(13,124,104) -
#0e8d77
#0e8d77rgb(14,141,119) -
#109f86
#109f86rgb(16,159,134) -
#12b195
#12b195rgb(18,177,149) -
#14c3a4
#14c3a4rgb(20,195,164) -
#16d5b3
#16d5b3rgb(22,213,179) -
#17e6c2
#17e6c2rgb(23,230,194)
-
#28e9c7
#28e9c7rgb(40,233,199) -
#3aebcc
#3aebccrgb(58,235,204) -
#4cedd1
#4cedd1rgb(76,237,209) -
#5eefd5
#5eefd5rgb(94,239,213) -
#6ff0da
#6ff0dargb(111,240,218) -
#81f2de
#81f2dergb(129,242,222) -
#93f4e3
#93f4e3rgb(147,244,227) -
#a5f6e8
#a5f6e8rgb(165,246,232) -
#b7f8ec
#b7f8ecrgb(183,248,236) -
#c8f9f1
#c8f9f1rgb(200,249,241) -
#dafbf5
#dafbf5rgb(218,251,245) -
#ecfdfa
#ecfdfargb(236,253,250) -
#feffff
#feffffrgb(254,255,255)
Tones of #3aebcc
A tone is produced by adding gray to any pure hue. In this case, #8d9896 is the less saturated color, while #29fcd7 is the most saturated one.
-
#8d9896
#8d9896rgb(141,152,150) -
#85a09b
#85a09brgb(133,160,155) -
#7da8a1
#7da8a1rgb(125,168,161) -
#74b1a6
#74b1a6rgb(116,177,166) -
#6cb9ab
#6cb9abrgb(108,185,171) -
#64c1b1
#64c1b1rgb(100,193,177) -
#5bcab6
#5bcab6rgb(91,202,182) -
#53d2bc
#53d2bcrgb(83,210,188) -
#4bdac1
#4bdac1rgb(75,218,193) -
#42e3c7
#42e3c7rgb(66,227,199) -
#3aebcc
#3aebccrgb(58,235,204) -
#32f3d1
#32f3d1rgb(50,243,209) -
#29fcd7
#29fcd7rgb(41,252,215)
Color Blindness Simulator
Below, you can see how #3aebcc 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.
