Color conversion
Color conversion for #3AAF86
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 58 | 175 | 134 | |
|---|---|---|---|---|
| HSL | 158.97° | 50.21% | 45.69% | |
| HSV | 158.97° | 66.86% | 68.63% | |
| CMYK | 66.86% | 0% | 23.43% | 31.37% |
| XYZ | 21.3757 | 33.2784 | 27.8465 | |
| Yxy | 33.2784 | 0.2591 | 0.4034 | |
| Hunter Lab | 57.6874 | -34.8115 | 11.7723 | |
| CIE-Lab | 64.3857 | -42.4268 | 11.6458 | |
| CIE-LCH | 64.3857 | 43.9961 | 164.6508 | |
| CIE-LUV | 64.3857 | -47.1241 | 22.9836 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111010 | 10101111 | 10000110 |
| Octal | 72 | 257 | 206 |
| Decimal | 58 | 175 | 134 |
| Hex | 3A | AF | 86 |
RGB percentages
CMYK percentages
Shades #3AAF86
Tints #3AAF86
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#3AAF86 color on black
#3AAF86 color sample text
#3AAF86 color on white
#3AAF86 color sample text
#3AAF86 CSS codes
.background { background-color: #3AAF86; }
.text { color: #3AAF86; }
.border { border: 3px solid #3AAF86; }
.shadow { box-shadow: 0 8px 28px rgba(58, 175, 134, 0.35); }CSS preview
Accessibility
Contrast on white2.74:1Poor
Contrast on black7.66:1AAA
Web safe#339999Near
Luminance0.33280-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#3AAF86 color
PortuguêsCor #3AAF86
EspañolColor #3AAF86
한국어#3AAF86 색상
日本語#3AAF86 の色
中文#3AAF86 颜色
DeutschFarbe #3AAF86
FrançaisCouleur #3AAF86
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #3AAF86 color.
Related shades
See Greens