Color conversion
Color conversion for #2F549A
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 47 | 84 | 154 | |
|---|---|---|---|---|
| HSL | 219.25° | 53.23% | 39.41% | |
| HSV | 219.25° | 69.48% | 60.39% | |
| CMYK | 69.48% | 45.45% | 0% | 39.61% |
| XYZ | 10.1733 | 9.2771 | 31.8201 | |
| Yxy | 9.2771 | 0.1984 | 0.1809 | |
| Hunter Lab | 30.4583 | 6.3177 | -40.5957 | |
| CIE-Lab | 36.5124 | 11.0518 | -42.1836 | |
| CIE-LCH | 36.5124 | 43.6073 | 284.6811 | |
| CIE-LUV | 36.5124 | -15.0006 | -60.4019 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00101111 | 01010100 | 10011010 |
| Octal | 57 | 124 | 232 |
| Decimal | 47 | 84 | 154 |
| Hex | 2F | 54 | 9A |
RGB percentages
CMYK percentages
Shades #2F549A
Tints #2F549A
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#2F549A color on black
#2F549A color sample text
#2F549A color on white
#2F549A color sample text
#2F549A CSS codes
.background { background-color: #2F549A; }
.text { color: #2F549A; }
.border { border: 3px solid #2F549A; }
.shadow { box-shadow: 0 8px 28px rgba(47, 84, 154, 0.35); }
CSS preview
Accessibility
Contrast on white7.35:1AAA
Contrast on black2.86:1Poor
Web safe#336699Near
Luminance0.09280-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#2F549A color
PortuguêsCor #2F549A
EspañolColor #2F549A
한국어#2F549A 색상
日本語#2F549A の色
中文#2F549A 颜色
DeutschFarbe #2F549A
FrançaisCouleur #2F549A
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #2F549A color.
Related shades
See Blues