#24BDFF
A medium, vivid blue closely aligning with Deepskyblue.
About #24BDFF
Visually, #24BDFF is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Deepskyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 189, and 255.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 86% cyan, 26% magenta, 0% yellow, and 0% black. The HSL representation is 198.1° hue, 100.0% saturation, and 57.1% lightness.
Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#24BDFF
RGB36, 189, 255
HSL198.1°, 100.0%, 57.1%
CMYK86%, 26%, 0%, 0%
HSV198.1°, 85.9%, 100.0%
LAB72.2, -15.3, -43.0
XYZ37.0, 44.0, 101.1
Decimal2407935
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.14:1
Text on #FFFFFF
FAIL
9.80:1
Text on #000000
AAA
2.05:1
Text on #F8FAFC
FAIL
8.33:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #24BDFF;
}
.text-color {
color: #24BDFF;
}
.border-color {
border: 2px solid #24BDFF;
}