#24bacc Color Information
In a RGB color space, hex #24bacc is composed of 14.1% red, 72.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 8.8% magenta, 0% yellow and 20% black. It has a hue angle of 186.4 degrees, a saturation of 70% and a lightness of 47.1%. #24bacc color hex could be obtained by blending #48ffff with #007599. Closest websafe color is: #33cccc.
-
- R 14
- G 73
- B 80
-
- C 82
- M 9
- Y 0
- K 20
● #24bacc color description : Strong cyan.
#24bacc Color Conversion
The hexadecimal color #24bacc has RGB values of R:36, G:186, B:204 and CMYK values of C:0.82, M:0.09, Y:0, K:0.2. Its decimal value is 2407116.
Hex triplet | 24bacc | #24bacc |
---|---|---|
RGB Decimal | 36, 186, 204 | rgb(36,186,204) |
RGB Percent | 14.1, 72.9, 80 | rgb(14.1%,72.9%,80%) |
CMYK | 82, 9, 0, 20 | |
HSL | 186.4°, 70, 47.1 | hsl(186.4,70%,47.1%) |
HSV (or HSB) | 186.4°, 82.4, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.362, -30.63, -19.725 |
---|---|
XYZ | 29.182, 39.85, 63.277 |
xyY | 0.221, 0.301, 39.85 |
CIE-LCH | 69.362, 36.431, 212.78 |
CIE-LUV | 69.362, -49.524, -26.354 |
Hunter-Lab | 63.127, -27.954, -15.243 |
Binary | 00100100, 10111010, 11001100 |
Color Schemes with #24bacc
Alternatives to #24bacc
Below, you can see some colors close to #24bacc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#24bacc Preview
This text has a font color of #24bacc.
<span style="color:#24bacc;">Text here</span>
This paragraph has a background color of #24bacc.
<p style="background-color:#24bacc;">Content here</p>
This element has a border color of #24bacc.
<div style="border:1px solid #24bacc;">Content here</div>
.text {color:#24bacc;}
.background {background-color:#24bacc;}
.border {border:1px solid #24bacc;}
Shades and Tints of #24bacc
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, #010404 is the darkest color, while #f2fcfd is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#041315
#041315
rgb(4,19,21)
-
#072225
#072225
rgb(7,34,37)
-
#0a3136
#0a3136
rgb(10,49,54)
-
#0c4047
#0c4047
rgb(12,64,71)
-
#0f5057
#0f5057
rgb(15,80,87)
-
#125f68
#125f68
rgb(18,95,104)
-
#156e79
#156e79
rgb(21,110,121)
-
#187d89
#187d89
rgb(24,125,137)
-
#1b8c9a
#1b8c9a
rgb(27,140,154)
-
#1e9cab
#1e9cab
rgb(30,156,171)
-
#21abbb
#21abbb
rgb(33,171,187)
-
#24bacc
#24bacc
rgb(36,186,204)
-
#2ac7d9
#2ac7d9
rgb(42,199,217)
-
#3bcbdc
#3bcbdc
rgb(59,203,220)
-
#4ccfdf
#4ccfdf
rgb(76,207,223)
-
#5cd4e2
#5cd4e2
rgb(92,212,226)
-
#6dd8e5
#6dd8e5
rgb(109,216,229)
-
#7edde8
#7edde8
rgb(126,221,232)
-
#8ee1eb
#8ee1eb
rgb(142,225,235)
-
#9fe6ee
#9fe6ee
rgb(159,230,238)
-
#b0eaf1
#b0eaf1
rgb(176,234,241)
-
#c0eef4
#c0eef4
rgb(192,238,244)
-
#d1f3f7
#d1f3f7
rgb(209,243,247)
-
#e2f7fa
#e2f7fa
rgb(226,247,250)
-
#f2fcfd
#f2fcfd
rgb(242,252,253)
Tones of #24bacc
A tone is produced by adding gray to any pure hue. In this case, #777979 is the less saturated color, while #08d0e8 is the most saturated one.
-
#777979
#777979
rgb(119,121,121)
-
#6e8082
#6e8082
rgb(110,128,130)
-
#65878b
#65878b
rgb(101,135,139)
-
#5b8e95
#5b8e95
rgb(91,142,149)
-
#52969e
#52969e
rgb(82,150,158)
-
#499da7
#499da7
rgb(73,157,167)
-
#40a4b0
#40a4b0
rgb(64,164,176)
-
#36abba
#36abba
rgb(54,171,186)
-
#2db3c3
#2db3c3
rgb(45,179,195)
-
#24bacc
#24bacc
rgb(36,186,204)
-
#1bc1d5
#1bc1d5
rgb(27,193,213)
-
#12c9de
#12c9de
rgb(18,201,222)
-
#08d0e8
#08d0e8
rgb(8,208,232)
Color Blindness Simulator
Below, you can see how #24bacc 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.