Color conversion
Color conversion for #456C5A
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 69 | 108 | 90 | |
|---|---|---|---|---|
| HSL | 152.31° | 22.03% | 34.71% | |
| HSV | 152.31° | 36.11% | 42.35% | |
| CMYK | 36.11% | 0% | 16.67% | 57.65% |
| XYZ | 9.6616 | 12.728 | 11.6185 | |
| Yxy | 12.728 | 0.2841 | 0.3743 | |
| Hunter Lab | 35.6763 | -14.0939 | 5.6724 | |
| CIE-Lab | 42.3505 | -18.1613 | 5.7421 | |
| CIE-LCH | 42.3505 | 19.0474 | 162.4545 | |
| CIE-LUV | 42.3505 | -18.5496 | 10.0279 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01000101 | 01101100 | 01011010 |
| Octal | 105 | 154 | 132 |
| Decimal | 69 | 108 | 90 |
| Hex | 45 | 6C | 5A |
RGB percentages
CMYK percentages
Shades #456C5A
Tints #456C5A
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#456C5A color on black
#456C5A color sample text
#456C5A color on white
#456C5A color sample text
#456C5A CSS codes
.background { background-color: #456C5A; }
.text { color: #456C5A; }
.border { border: 3px solid #456C5A; }
.shadow { box-shadow: 0 8px 28px rgba(69, 108, 90, 0.35); }
CSS preview
Accessibility
Contrast on white5.92:1AA
Contrast on black3.55:1Large text
Web safe#336666Near
Luminance0.12730-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#456C5A color
PortuguêsCor #456C5A
EspañolColor #456C5A
한국어#456C5A 색상
日本語#456C5A の色
中文#456C5A 颜色
DeutschFarbe #456C5A
FrançaisCouleur #456C5A
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #456C5A color.
Related shades
See Greens