Benannte Farbe · #646944
Hellebore
Hellebore ist #646944: rgb(100 105 68), hsl(68 21% 34%), oklch(0.507 0.055 114.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Hellebore color name →
#646944
oklch(0.507 0.055 114.7)
Farbumrechnungen
- HEX
- #646944
- RGB
- rgb(100 105 68)
- HSL
- hsl(68 21% 34%)
- HWB
- hwb(68 27% 59%)
- OKLCH
- oklch(0.507 0.055 114.7)
- OKLab
- oklab(0.507 -0.023 0.05)
- CIE Lab
- lab(43.23 -6.9 20.17)
- LCH
- lch(43.23 21.32 108.9)
- CMYK
- cmyk(5% 0% 35% 59%)
Tints · Shades · Tones
Tints
- 727755
- 818567
- 909479
- 9FA28B
- AEB19E
- BEC0B1
- CED0C4
- DEDFD7
- EEEFEB
Shades
- 565A3A
- 484C30
- 3B3E26
- 2E311D
- 222414
- 16180C
- 0B0C05
- 030402
- 000000
Tones
- 676B4A
- 696E50
- 6C7056
- 6F725C
- 727562
- 757768
- 77796E
- 7A7B74
- 7D7E7A
Farbharmonien
Komplementär +180°
- 646944
Hellebore
- 675F82
≈ Pharaoh Purple
Analog -30° +30°
- 646944
Hellebore
- 746340
≈ Yellow Metal
- 516E51
≈ Daylight Jungle
Triadisch +120° +240°
- 646944
Hellebore
- 456A80
≈ Eames for Blue
- 7F5867
≈ Royal Fig
Geteilt komplementär +150° +210°
- 646944
Hellebore
- 556585
≈ Stained Glass
- 755A77
≈ Gala Ball
Tetradisch +90° +180° +270°
- 646944
Hellebore
- 3C6E74
≈ Peabody
- 675F82
≈ Pharaoh Purple
- 825955
≈ Musk Deer
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.75:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.64:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.75:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--hellebore: #646944;
--hellebore-rgb: 100 105 68;
--hellebore-oklch: oklch(0.507 0.055 114.7);
}
.element {
color: var(--hellebore);
background-color: hsl(68 21% 34%);
border-color: oklch(0.507 0.055 114.7);
}Tailwind CSS v4
@theme {
--color-hellebore: #646944;
--color-hellebore-50: #f4f7e6;
--color-hellebore-100: #e6ebd6;
--color-hellebore-200: #d2d8bd;
--color-hellebore-300: #b5bb9c;
--color-hellebore-400: #9da37d;
--color-hellebore-500: #858b60;
--color-hellebore-600: #707552;
--color-hellebore-700: #5a5e41;
--color-hellebore-800: #42452e;
--color-hellebore-900: #2e2f1f;
--color-hellebore-950: #1b1c0f;
}SCSS
$hellebore: #646944;
$hellebore-rgb: 100, 105, 68;
$hellebore-light: mix(#fff, $hellebore, 20%);
$hellebore-dark: mix(#000, $hellebore, 20%);
.element {
color: $hellebore;
box-shadow: 0 0 0 2px rgba($hellebore, 0.35);
}