#24bec3 Color Information
In a RGB color space, hex #24bec3 is composed of 14.1% red, 74.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 2.6% magenta, 0% yellow and 23.5% black. It has a hue angle of 181.9 degrees, a saturation of 68.8% and a lightness of 45.3%. #24bec3 color hex could be obtained by blending #48ffff with #007d87. Closest websafe color is: #33cccc.
-
- R 14
- G 75
- B 76
-
- C 82
- M 3
- Y 0
- K 24
● #24bec3 color description : Strong cyan.
#24bec3 Color Conversion
The hexadecimal color #24bec3 has RGB values of R:36, G:190, B:195 and CMYK values of C:0.82, M:0.03, Y:0, K:0.24. Its decimal value is 2408131.
Hex triplet | 24bec3 | #24bec3 |
---|---|---|
RGB Decimal | 36, 190, 195 | rgb(36,190,195) |
RGB Percent | 14.1, 74.5, 76.5 | rgb(14.1%,74.5%,76.5%) |
CMYK | 82, 3, 0, 24 | |
HSL | 181.9°, 68.8, 45.3 | hsl(181.9,68.8%,45.3%) |
HSV (or HSB) | 181.9°, 81.5, 76.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.273, -35.306, -13.416 |
---|---|
XYZ | 28.988, 41.139, 58.04 |
xyY | 0.226, 0.321, 41.139 |
CIE-LCH | 70.273, 37.769, 200.806 |
CIE-LUV | 70.273, -51.586, -15.453 |
Hunter-Lab | 64.14, -31.571, -8.753 |
Binary | 00100100, 10111110, 11000011 |
Color Schemes with #24bec3
Alternatives to #24bec3
Below, you can see some colors close to #24bec3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#24bec3 Preview
This text has a font color of #24bec3.
<span style="color:#24bec3;">Text here</span>
This paragraph has a background color of #24bec3.
<p style="background-color:#24bec3;">Content here</p>
This element has a border color of #24bec3.
<div style="border:1px solid #24bec3;">Content here</div>
.text {color:#24bec3;}
.background {background-color:#24bec3;}
.border {border:1px solid #24bec3;}
Shades and Tints of #24bec3
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, #020d0d is the darkest color, while #fbfefe is the lightest one.
-
#020d0d
#020d0d
rgb(2,13,13)
-
#051d1d
#051d1d
rgb(5,29,29)
-
#082d2e
#082d2e
rgb(8,45,46)
-
#0c3d3f
#0c3d3f
rgb(12,61,63)
-
#0f4d4f
#0f4d4f
rgb(15,77,79)
-
#125d60
#125d60
rgb(18,93,96)
-
#156d70
#156d70
rgb(21,109,112)
-
#187d81
#187d81
rgb(24,125,129)
-
#1b8e91
#1b8e91
rgb(27,142,145)
-
#1e9ea2
#1e9ea2
rgb(30,158,162)
-
#21aeb2
#21aeb2
rgb(33,174,178)
-
#24bec3
#24bec3
rgb(36,190,195)
-
#27ced4
#27ced4
rgb(39,206,212)
-
#35d4da
#35d4da
rgb(53,212,218)
-
#45d8dd
#45d8dd
rgb(69,216,221)
-
#56dbe0
#56dbe0
rgb(86,219,224)
-
#66dfe3
#66dfe3
rgb(102,223,227)
-
#77e2e6
#77e2e6
rgb(119,226,230)
-
#87e6e9
#87e6e9
rgb(135,230,233)
-
#98e9ec
#98e9ec
rgb(152,233,236)
-
#a9edef
#a9edef
rgb(169,237,239)
-
#b9f0f2
#b9f0f2
rgb(185,240,242)
-
#caf4f5
#caf4f5
rgb(202,244,245)
-
#daf7f8
#daf7f8
rgb(218,247,248)
-
#ebfbfb
#ebfbfb
rgb(235,251,251)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #24bec3
A tone is produced by adding gray to any pure hue. In this case, #6b7b7c is the less saturated color, while #00dfe7 is the most saturated one.
-
#6b7b7c
#6b7b7c
rgb(107,123,124)
-
#628485
#628485
rgb(98,132,133)
-
#598c8e
#598c8e
rgb(89,140,142)
-
#509497
#509497
rgb(80,148,151)
-
#489d9f
#489d9f
rgb(72,157,159)
-
#3fa5a8
#3fa5a8
rgb(63,165,168)
-
#36adb1
#36adb1
rgb(54,173,177)
-
#2db6ba
#2db6ba
rgb(45,182,186)
-
#24bec3
#24bec3
rgb(36,190,195)
-
#1bc6cc
#1bc6cc
rgb(27,198,204)
-
#12cfd5
#12cfd5
rgb(18,207,213)
-
#09d7de
#09d7de
rgb(9,215,222)
-
#00dfe7
#00dfe7
rgb(0,223,231)
Color Blindness Simulator
Below, you can see how #24bec3 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.