RGB
48, 92, 222
HSL
225°, 73%, 53%
CMYK
78, 59, 0, 13
HSV
225°, 78%, 87%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #305CDE |
color: #305CDE;
|
| RGB | 48, 92, 222 |
color: rgb(48, 92, 222);
|
| RGB Percentage | 19%, 36%, 87% |
color: rgb(19%, 36%, 87%);
|
| CMYK | 78%, 59%, 0%, 13% | Not supported in CSS |
| HSL | 225°, 73%, 53% |
color: hsl(225, 73%, 53%);
|
| HSV | 225°, 78%, 87% | Not supported in CSS |
| CIE-LAB | 42, -9, -43 |
color: lab(42% -9 -43);
|
| Decimal | 3169502 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.royal-blue {
color: #305CDE;
}
SCSS
$royal-blue: #305CDE;
RGB
rgb(48, 92, 222)
Accessibility & Contrast
White background
5.66:1
5.66
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
3.71:1
3.71
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element