#24a5e1 Color Information
In a RGB color space, hex #24a5e1 is composed of 14.1% red, 64.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 26.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 199 degrees, a saturation of 75.9% and a lightness of 51.2%. #24a5e1 color hex could be obtained by blending #48ffff with #004bc3. Closest websafe color is: #3399cc.
-
- R 14
- G 65
- B 88
-
- C 84
- M 27
- Y 0
- K 12
● #24a5e1 color description : Bright blue.
#24a5e1 Color Conversion
The hexadecimal color #24a5e1 has RGB values of R:36, G:165, B:225 and CMYK values of C:0.84, M:0.27, Y:0, K:0.12. Its decimal value is 2401761.
Hex triplet | 24a5e1 | #24a5e1 |
---|---|---|
RGB Decimal | 36, 165, 225 | rgb(36,165,225) |
RGB Percent | 14.1, 64.7, 88.2 | rgb(14.1%,64.7%,88.2%) |
CMYK | 84, 27, 0, 12 | |
HSL | 199°, 75.9, 51.2 | hsl(199,75.9%,51.2%) |
HSV (or HSB) | 199°, 84, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.933, -12.759, -39.66 |
---|---|
XYZ | 27.77, 32.719, 76.082 |
xyY | 0.203, 0.24, 32.719 |
CIE-LCH | 63.933, 41.662, 252.166 |
CIE-LUV | 63.933, -40.808, -61.525 |
Hunter-Lab | 57.201, -13.442, -38.821 |
Binary | 00100100, 10100101, 11100001 |
Color Schemes with #24a5e1
Alternatives to #24a5e1
Below, you can see some colors close to #24a5e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#24a5e1 Preview
This text has a font color of #24a5e1.
<span style="color:#24a5e1;">Text here</span>
This paragraph has a background color of #24a5e1.
<p style="background-color:#24a5e1;">Content here</p>
This element has a border color of #24a5e1.
<div style="border:1px solid #24a5e1;">Content here</div>
.text {color:#24a5e1;}
.background {background-color:#24a5e1;}
.border {border:1px solid #24a5e1;}
Shades and Tints of #24a5e1
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, #010405 is the darkest color, while #f3fafd is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#031017
#031017
rgb(3,16,23)
-
#051d28
#051d28
rgb(5,29,40)
-
#082939
#082939
rgb(8,41,57)
-
#0a364a
#0a364a
rgb(10,54,74)
-
#0d425c
#0d425c
rgb(13,66,92)
-
#0f4f6d
#0f4f6d
rgb(15,79,109)
-
#115c7e
#115c7e
rgb(17,92,126)
-
#14688f
#14688f
rgb(20,104,143)
-
#1675a1
#1675a1
rgb(22,117,161)
-
#1881b2
#1881b2
rgb(24,129,178)
-
#1b8ec3
#1b8ec3
rgb(27,142,195)
-
#1d9ad4
#1d9ad4
rgb(29,154,212)
-
#24a5e1
#24a5e1
rgb(36,165,225)
-
#35ace3
#35ace3
rgb(53,172,227)
-
#47b3e6
#47b3e6
rgb(71,179,230)
-
#58bae8
#58bae8
rgb(88,186,232)
-
#69c1ea
#69c1ea
rgb(105,193,234)
-
#7ac8ed
#7ac8ed
rgb(122,200,237)
-
#8cd0ef
#8cd0ef
rgb(140,208,239)
-
#9dd7f2
#9dd7f2
rgb(157,215,242)
-
#aedef4
#aedef4
rgb(174,222,244)
-
#bfe5f6
#bfe5f6
rgb(191,229,246)
-
#d1ecf9
#d1ecf9
rgb(209,236,249)
-
#e2f3fb
#e2f3fb
rgb(226,243,251)
-
#f3fafd
#f3fafd
rgb(243,250,253)
Tones of #24a5e1
A tone is produced by adding gray to any pure hue. In this case, #7a868b is the less saturated color, while #07affe is the most saturated one.
-
#7a868b
#7a868b
rgb(122,134,139)
-
#718994
#718994
rgb(113,137,148)
-
#678d9e
#678d9e
rgb(103,141,158)
-
#5d90a8
#5d90a8
rgb(93,144,168)
-
#5494b1
#5494b1
rgb(84,148,177)
-
#4a97bb
#4a97bb
rgb(74,151,187)
-
#419bc4
#419bc4
rgb(65,155,196)
-
#379ece
#379ece
rgb(55,158,206)
-
#2ea2d7
#2ea2d7
rgb(46,162,215)
-
#24a5e1
#24a5e1
rgb(36,165,225)
-
#1aa8eb
#1aa8eb
rgb(26,168,235)
-
#11acf4
#11acf4
rgb(17,172,244)
-
#07affe
#07affe
rgb(7,175,254)
Color Blindness Simulator
Below, you can see how #24a5e1 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.