#7C83F8
A light, vivid blue closely aligning with Royalblue.
About #7C83F8
At its core, #7C83F8 is a light and vivid hue. If you're using CSS, you might find it aligns closely with Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 131, and 248.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 50% cyan, 47% magenta, 0% yellow, and 3% black. The HSL representation is 236.6° hue, 89.9% saturation, and 72.9% lightness.
Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#7C83F8
RGB124, 131, 248
HSL236.6°, 89.9%, 72.9%
CMYK50%, 47%, 0%, 3%
HSV236.6°, 50.0%, 97.3%
LAB59.2, 28.4, -59.6
XYZ33.4, 27.3, 92.3
Decimal8160248
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.25:1
Text on #FFFFFF
AA Large
6.46:1
Text on #000000
AA
3.11:1
Text on #F8FAFC
AA Large
5.49:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #7C83F8;
}
.text-color {
color: #7C83F8;
}
.border-color {
border: 2px solid #7C83F8;
}