Color conversion
Color conversion for #304DBA
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 77 | 186 | |
|---|---|---|---|---|
| HSL | 227.39° | 58.97% | 45.88% | |
| HSV | 227.39° | 74.19% | 72.94% | |
| CMYK | 74.19% | 58.6% | 0% | 27.06% |
| XYZ | 12.7326 | 9.4799 | 47.6036 | |
| Yxy | 9.4799 | 0.1824 | 0.1358 | |
| Hunter Lab | 30.7894 | 19.9344 | -70.0798 | |
| CIE-Lab | 36.8923 | 27.8526 | -60.601 | |
| CIE-LCH | 36.8923 | 66.6952 | 294.6838 | |
| CIE-LUV | 36.8923 | -12.8457 | -87.1829 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01001101 | 10111010 |
| Octal | 60 | 115 | 272 |
| Decimal | 48 | 77 | 186 |
| Hex | 30 | 4D | BA |
RGB percentages
CMYK percentages
Shades #304DBA
Tints #304DBA
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#304DBA color on black
#304DBA color sample text
#304DBA color on white
#304DBA color sample text
#304DBA CSS codes
.background { background-color: #304DBA; }
.text { color: #304DBA; }
.border { border: 3px solid #304DBA; }
.shadow { box-shadow: 0 8px 28px rgba(48, 77, 186, 0.35); }CSS preview
Accessibility
Contrast on white7.25:1AAA
Contrast on black2.9:1Poor
Web safe#3366CCNear
Luminance0.09480-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#304DBA color
PortuguêsCor #304DBA
EspañolColor #304DBA
한국어#304DBA 색상
日本語#304DBA の色
中文#304DBA 颜色
DeutschFarbe #304DBA
FrançaisCouleur #304DBA
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #304DBA color.
Related shades
See Blues