Named color · #123120
Méi Hēi Coal
Méi Hēi Coal is #123120: rgb(18 49 32), hsl(147 46% 13%), oklch(0.284 0.049 157.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Méi Hēi Coal color name →
#123120
oklch(0.284 0.049 157.2)
Color conversions
- HEX
- #123120
- RGB
- rgb(18 49 32)
- HSL
- hsl(147 46% 13%)
- HWB
- hwb(147 7% 81%)
- OKLCH
- oklch(0.284 0.049 157.2)
- OKLab
- oklab(0.284 -0.045 0.019)
- CIE Lab
- lab(17.57 -15.77 7.26)
- LCH
- lch(17.57 17.36 155.3)
- CMYK
- cmyk(63% 0% 35% 81%)
Tints · Shades · Tones
Tints
- 284333
- 3D5647
- 53695B
- 6A7D71
- 819187
- 99A69E
- B2BCB5
- CBD2CD
- E5E8E6
Shades
- 0E291A
- 0A2215
- 071A0F
- 04130A
- 020C06
- 010603
- 010301
- 000100
- 000000
Tones
- 1D3829
- 284032
- 33483B
- 3E4F44
- 48574E
- 535F57
- 5E6761
- 696F6B
- 757876
Color harmonies
Complementary +180°
- 123120
Méi Hēi Coal
- 392033
≈ Sitter Red
Analogous -30° +30°
- 123120
Méi Hēi Coal
- 232E12
≈ Darkest Forest
- 01312E
≈ Roof Tile Green
Triadic +120° +240°
- 123120
Méi Hēi Coal
- 242742
≈ Fainting Light
- 3E2118
≈ Brown Pod
Split-complementary +150° +210°
- 123120
Méi Hēi Coal
- 30233D
≈ Telopea
- 3E1F26
≈ Temptress
Tetradic +90° +180° +270°
- 123120
Méi Hēi Coal
- 142C41
≈ NATO Blue
- 392033
≈ Sitter Red
- 3A250C
≈ Brown Tumbleweed
Contrast & accessibility
Ag
AAAOn white
WCAG 14.13:1 · APCA Lc 101
Ag
FailOn black
WCAG 1.48:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 14.13:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--mei-hei-coal: #123120;
--mei-hei-coal-rgb: 18 49 32;
--mei-hei-coal-oklch: oklch(0.284 0.049 157.2);
}
.element {
color: var(--mei-hei-coal);
background-color: hsl(147 46% 13%);
border-color: oklch(0.284 0.049 157.2);
}Tailwind CSS v4
@theme {
--color-mei-hei-coal: #123120;
--color-mei-hei-coal-50: #eafaf0;
--color-mei-hei-coal-100: #dbede2;
--color-mei-hei-coal-200: #c3dbcd;
--color-mei-hei-coal-300: #a3bfaf;
--color-mei-hei-coal-400: #87a893;
--color-mei-hei-coal-500: #6b9079;
--color-mei-hei-coal-600: #5b7a67;
--color-mei-hei-coal-700: #496252;
--color-mei-hei-coal-800: #35483b;
--color-mei-hei-coal-900: #243229;
--color-mei-hei-coal-950: #131e16;
}SCSS
$mei-hei-coal: #123120;
$mei-hei-coal-rgb: 18, 49, 32;
$mei-hei-coal-light: mix(#fff, $mei-hei-coal, 20%);
$mei-hei-coal-dark: mix(#000, $mei-hei-coal, 20%);
.element {
color: $mei-hei-coal;
box-shadow: 0 0 0 2px rgba($mei-hei-coal, 0.35);
}