Color conversion
Color conversion for #304EB6
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 78 | 182 | |
|---|---|---|---|---|
| HSL | 226.57° | 58.26% | 45.1% | |
| HSV | 226.57° | 73.63% | 71.37% | |
| CMYK | 73.63% | 57.14% | 0% | 28.63% |
| XYZ | 12.3839 | 9.4532 | 45.4189 | |
| Yxy | 9.4532 | 0.1841 | 0.1406 | |
| Hunter Lab | 30.7461 | 18.0901 | -66.0282 | |
| CIE-Lab | 36.8426 | 25.7097 | -58.3281 | |
| CIE-LCH | 36.8426 | 63.7429 | 293.7868 | |
| CIE-LUV | 36.8426 | -13.0684 | -84.0105 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01001110 | 10110110 |
| Octal | 60 | 116 | 266 |
| Decimal | 48 | 78 | 182 |
| Hex | 30 | 4E | B6 |
RGB percentages
CMYK percentages
Shades #304EB6
Tints #304EB6
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#304EB6 color on black
#304EB6 color sample text
#304EB6 color on white
#304EB6 color sample text
#304EB6 CSS codes
.background { background-color: #304EB6; }
.text { color: #304EB6; }
.border { border: 3px solid #304EB6; }
.shadow { box-shadow: 0 8px 28px rgba(48, 78, 182, 0.35); }CSS preview
Accessibility
Contrast on white7.27:1AAA
Contrast on black2.89:1Poor
Web safe#3366CCNear
Luminance0.09450-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#304EB6 color
PortuguêsCor #304EB6
EspañolColor #304EB6
한국어#304EB6 색상
日本語#304EB6 の色
中文#304EB6 颜色
DeutschFarbe #304EB6
FrançaisCouleur #304EB6
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #304EB6 color.
Related shades
See Blues