Onyx Color
#2F1B1B
Shades
Darker variations of each color in your palette
Base Color
#2F1B1B#2F1B1B
#261616
#1C1010
#130B0B
#090505
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#2F1B1B#2F1B1B
#594949
#827676
#ACA4A4
#D5D1D1
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #2F1B1B |  |
| RGB | 47, 27, 27 | |
| HSL | 0, 27%, 15% | |
| CMYK | 0%, 43%, 43%, 82% | |
| OKLCH | oklch(0.249 0.032 20) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#2F1B1B#311C26
#2F1B1B
#31261C
Analogous
#2F1B1B
#1C3131
Complementary
#2F1B1B
#1C311C
#1C1C31
Triadic
#2F1B1B
#1C3126
#1C2631
Split Complementary
#2F1B1B
#26311C
#1C3131
#261C31
Tetradic
#412525
#714141
#A25D5D
#BE8E8E
#DABEBE
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#2F1B1B#311C1C
#31311C
#1C311C
#1C3131
#1C1C31
#311C31
Hues
Tones
Tones created by adding gray to each color
Base Color
#2F1B1B#2F1B1B
#3F2F2F
#4F4343
#605858
#706C6C
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#2F1B1B#4E231A
#6D2A19
#8D3217
Warmer
#2D233D
#2B2A5F
#293282
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#2F1B1BOn White Background
Sample Text
Contrast Ratio:16.24:1
WCAG Level:AAA
PASS
On Black Background
Sample Text
Contrast Ratio:1.29: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)