Coloried

Dark Sage

Dark Sage color is a subtle shade of pale green. Its hex code is #598556 and rgb code is rgb(89, 133, 86), Its CMYK value is cmyk(33%, 0%, 35%, 48%), and Its HSL value is hsl(116, 21%, 43%). Against white, its contrast ratio of 4.27:1, while against black, the contrast ratio is 4.91:1. Complementary color is #825785 and closest tailwind color is neutral-500. This color goes well with #ACC9B8, #BCC9AC, #DBE7DA, #9E8DB4, and #B48DA3. To get this Dark Sage color, you can mix #00FF00 and #B20BAC.

Dark Sage color code
|
1. Color Conversions
HEX#598556
RGB89, 133, 86
HSL116°, 21%, 43%
HSV116°, 21%, 52%
CMYK33%, 0%, 35%, 48%
Web Safe#669966
2. Contrast Ratio
Text on #FFFFFF4.27:1
AAA LargeFail Normal
Text on #0000004.91:1
AAA LargeAAA Normal
3. Dark Sage Color Code in CSS
HEX
#598556
RGB
rgb(89, 133, 86)
HSL
hsl(116, 21%, 43%)
Text Color
color: #598556;
Background
background-color: #598556;
Border Color
border-color: #598556;
Box Shadow
box-shadow: 0 4px 14px 0 #59855680;
SCSS
$color-dark-sage: #598556;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#6C6C61
Deuteranopia#6A6664
Tritanopia#5B6A6C
Achromatopsia#727272
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive