Color conversion
Color conversion for #366AA3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 54 | 106 | 163 | |
|---|---|---|---|---|
| HSL | 211.38° | 50.23% | 42.55% | |
| HSV | 211.38° | 66.87% | 63.92% | |
| CMYK | 66.87% | 34.97% | 0% | 36.08% |
| XYZ | 13.2838 | 13.7353 | 36.5944 | |
| Yxy | 13.7353 | 0.2088 | 0.2159 | |
| Hunter Lab | 37.0612 | -0.878 | -32.5775 | |
| CIE-Lab | 43.8509 | 1.4984 | -35.8622 | |
| CIE-LCH | 43.8509 | 35.8935 | 272.3925 | |
| CIE-LUV | 43.8509 | -20.74 | -52.8497 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110110 | 01101010 | 10100011 |
| Octal | 66 | 152 | 243 |
| Decimal | 54 | 106 | 163 |
| Hex | 36 | 6A | A3 |
RGB percentages
CMYK percentages
Shades #366AA3
Tints #366AA3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#366AA3 color on black
#366AA3 color sample text
#366AA3 color on white
#366AA3 color sample text
#366AA3 CSS codes
.background { background-color: #366AA3; }
.text { color: #366AA3; }
.border { border: 3px solid #366AA3; }
.shadow { box-shadow: 0 8px 28px rgba(54, 106, 163, 0.35); }CSS preview
Accessibility
Contrast on white5.6:1AA
Contrast on black3.75:1Large text
Web safe#336699Near
Luminance0.13740-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#366AA3 color
PortuguêsCor #366AA3
EspañolColor #366AA3
한국어#366AA3 색상
日本語#366AA3 の色
中文#366AA3 颜色
DeutschFarbe #366AA3
FrançaisCouleur #366AA3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #366AA3 color.
Related shades
See Blues