Iron Color
#4C516D
Shades
Darker variations of each color in your palette
Base Color
#4C516D#4C516D
#3D4157
#2E3141
#1E202C
#0F1016
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#4C516D#4C516D
#70748A
#9497A7
#B7B9C5
#DBDCE2
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #4C516D |  |
| RGB | 76, 81, 109 | |
| HSL | 231, 18%, 36% | |
| CMYK | 30%, 26%, 0%, 57% | |
| OKLCH | oklch(0.442 0.047 276) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#4C516D#4B616C
#4C516D
#574B6C
Analogous
#4C516D
#6C674B
Complementary
#4C516D
#6C4B50
#506C4B
Triadic
#4C516D
#6C574B
#616C4B
Split Complementary
#4C516D
#6C4B61
#6C674B
#4B6C57
Tetradic
#2A2D3C
#494E69
#696F96
#969BB6
#C3C6D5
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#4C516D#6C4B4B
#6C6C4B
#4B6C4B
#4B6C6C
#4B4B6C
#6C4B6C
Hues
Tones
Tones created by adding gray to each color
Base Color
#4C516D#4C516D
#565A71
#616475
#6B6D78
#76777C
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#4C516D#675568
#825863
#9D5C5E
Warmer
#495583
#455899
#425CAF
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#4C516DOn White Background
Sample Text
Contrast Ratio:7.76:1
WCAG Level:AAA
PASS
On Black Background
Sample Text
Contrast Ratio:2.71:1
WCAG Level:Fail
FAIL
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)