Color conversion
Color conversion for #2554BB
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 37 | 84 | 187 | |
|---|---|---|---|---|
| HSL | 221.2° | 66.96% | 43.92% | |
| HSV | 221.2° | 80.21% | 73.33% | |
| CMYK | 80.21% | 55.08% | 0% | 26.67% |
| XYZ | 12.8997 | 10.3203 | 48.3162 | |
| Yxy | 10.3203 | 0.1803 | 0.1443 | |
| Hunter Lab | 32.1252 | 15.4559 | -66.6493 | |
| CIE-Lab | 38.4113 | 22.4198 | -58.7359 | |
| CIE-LCH | 38.4113 | 62.8693 | 290.8921 | |
| CIE-LUV | 38.4113 | -16.3807 | -85.5165 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100101 | 01010100 | 10111011 |
| Octal | 45 | 124 | 273 |
| Decimal | 37 | 84 | 187 |
| Hex | 25 | 54 | BB |
RGB percentages
CMYK percentages
Shades #2554BB
Tints #2554BB
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#2554BB color on black
#2554BB color sample text
#2554BB color on white
#2554BB color sample text
#2554BB CSS codes
.background { background-color: #2554BB; }
.text { color: #2554BB; }
.border { border: 3px solid #2554BB; }
.shadow { box-shadow: 0 8px 28px rgba(37, 84, 187, 0.35); }
CSS preview
Accessibility
Contrast on white6.85:1AA
Contrast on black3.06:1Large text
Web safe#3366CCNear
Luminance0.10320-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#2554BB color
PortuguêsCor #2554BB
EspañolColor #2554BB
한국어#2554BB 색상
日本語#2554BB の色
中文#2554BB 颜色
DeutschFarbe #2554BB
FrançaisCouleur #2554BB
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #2554BB color.
Related shades
See Blues