Color conversion
Color conversion for #304FB8
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 79 | 184 | |
|---|---|---|---|---|
| HSL | 226.32° | 58.62% | 45.49% | |
| HSV | 226.32° | 73.91% | 72.16% | |
| CMYK | 73.91% | 57.07% | 0% | 27.84% |
| XYZ | 12.6636 | 9.6797 | 46.5391 | |
| Yxy | 9.6797 | 0.1838 | 0.1405 | |
| Hunter Lab | 31.1122 | 18.2079 | -66.8755 | |
| CIE-Lab | 37.2613 | 25.7991 | -58.8248 | |
| CIE-LCH | 37.2613 | 64.2336 | 293.6811 | |
| CIE-LUV | 37.2613 | -13.3497 | -85.0029 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01001111 | 10111000 |
| Octal | 60 | 117 | 270 |
| Decimal | 48 | 79 | 184 |
| Hex | 30 | 4F | B8 |
RGB percentages
CMYK percentages
Shades #304FB8
Tints #304FB8
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#304FB8 color on black
#304FB8 color sample text
#304FB8 color on white
#304FB8 color sample text
#304FB8 CSS codes
.background { background-color: #304FB8; }
.text { color: #304FB8; }
.border { border: 3px solid #304FB8; }
.shadow { box-shadow: 0 8px 28px rgba(48, 79, 184, 0.35); }
CSS preview
Accessibility
Contrast on white7.15:1AAA
Contrast on black2.94:1Poor
Web safe#3366CCNear
Luminance0.09680-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#304FB8 color
PortuguêsCor #304FB8
EspañolColor #304FB8
한국어#304FB8 색상
日本語#304FB8 の色
中文#304FB8 颜色
DeutschFarbe #304FB8
FrançaisCouleur #304FB8
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #304FB8 color.
Related shades
See Blues