RGB
15, 82, 186
HSL
216°, 85%, 39%
CMYK
92, 56, 0, 27
HSV
216°, 92%, 73%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #0F52BA |
color: #0F52BA;
|
| RGB | 15, 82, 186 |
color: rgb(15, 82, 186);
|
| RGB Percentage | 6%, 32%, 73% |
color: rgb(6%, 32%, 73%);
|
| CMYK | 92%, 56%, 0%, 27% | Not supported in CSS |
| HSL | 216°, 85%, 39% |
color: hsl(216, 85%, 39%);
|
| HSV | 216°, 92%, 73% | Not supported in CSS |
| CIE-LAB | 31, -13, -35 |
color: lab(31% -13 -35);
|
| Decimal | 1004218 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.sapphire-blue {
color: #0F52BA;
}
SCSS
$sapphire-blue: #0F52BA;
RGB
rgb(15, 82, 186)
Accessibility & Contrast
White background
7.15:1
7.15
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
2.94:1
2.94
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element