Color conversion
Color conversion for #369A6F
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 54 | 154 | 111 | |
|---|---|---|---|---|
| HSL | 154.2° | 48.08% | 40.78% | |
| HSV | 154.2° | 64.94% | 60.39% | |
| CMYK | 64.94% | 0% | 27.92% | 39.61% |
| XYZ | 15.9446 | 25.0415 | 19.029 | |
| Yxy | 25.0415 | 0.2657 | 0.4173 | |
| Hunter Lab | 50.0415 | -30.698 | 12.492 | |
| CIE-Lab | 57.1158 | -39.3963 | 14.2429 | |
| CIE-LCH | 57.1158 | 41.8919 | 160.1236 | |
| CIE-LUV | 57.1158 | -41.3463 | 25.2423 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110110 | 10011010 | 01101111 |
| Octal | 66 | 232 | 157 |
| Decimal | 54 | 154 | 111 |
| Hex | 36 | 9A | 6F |
RGB percentages
CMYK percentages
Shades #369A6F
Tints #369A6F
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#369A6F color on black
#369A6F color sample text
#369A6F color on white
#369A6F color sample text
#369A6F CSS codes
.background { background-color: #369A6F; }
.text { color: #369A6F; }
.border { border: 3px solid #369A6F; }
.shadow { box-shadow: 0 8px 28px rgba(54, 154, 111, 0.35); }
CSS preview
Accessibility
Contrast on white3.5:1Large text
Contrast on black6.01:1AA
Web safe#339966Near
Luminance0.25040-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#369A6F color
PortuguêsCor #369A6F
EspañolColor #369A6F
한국어#369A6F 색상
日本語#369A6F の色
中文#369A6F 颜色
DeutschFarbe #369A6F
FrançaisCouleur #369A6F
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #369A6F color.
Related shades
See Greens