Color conversion
Color conversion for #31B48A
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 49 | 180 | 138 | |
|---|---|---|---|---|
| HSL | 160.76° | 57.21% | 44.9% | |
| HSV | 160.76° | 72.78% | 70.59% | |
| CMYK | 72.78% | 0% | 23.33% | 29.41% |
| XYZ | 22.1728 | 35.1279 | 29.6516 | |
| Yxy | 35.1279 | 0.255 | 0.404 | |
| Hunter Lab | 59.2688 | -36.943 | 11.8376 | |
| CIE-Lab | 65.8481 | -44.9969 | 11.4813 | |
| CIE-LCH | 65.8481 | 46.4386 | 165.686 | |
| CIE-LUV | 65.8481 | -50.3646 | 23.2518 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110001 | 10110100 | 10001010 |
| Octal | 61 | 264 | 212 |
| Decimal | 49 | 180 | 138 |
| Hex | 31 | B4 | 8A |
RGB percentages
CMYK percentages
Shades #31B48A
Tints #31B48A
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#31B48A color on black
#31B48A color sample text
#31B48A color on white
#31B48A color sample text
#31B48A CSS codes
.background { background-color: #31B48A; }
.text { color: #31B48A; }
.border { border: 3px solid #31B48A; }
.shadow { box-shadow: 0 8px 28px rgba(49, 180, 138, 0.35); }
CSS preview
Accessibility
Contrast on white2.62:1Poor
Contrast on black8.03:1AAA
Web safe#33CC99Near
Luminance0.35130-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#31B48A color
PortuguêsCor #31B48A
EspañolColor #31B48A
한국어#31B48A 색상
日本語#31B48A の色
中文#31B48A 颜色
DeutschFarbe #31B48A
FrançaisCouleur #31B48A
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #31B48A color.
Related shades
See Greens