Benannte Farbe · #222200
Liquorice Root
Liquorice Root ist #222200: rgb(34 34 0), hsl(60 100% 7%), oklch(0.244 0.053 109.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Liquorice Root color name →
#222200
oklch(0.244 0.053 109.8)
Farbumrechnungen
- HEX
- #222200
- RGB
- rgb(34 34 0)
- HSL
- hsl(60 100% 7%)
- HWB
- hwb(60 0% 87%)
- OKLCH
- oklch(0.244 0.053 109.8)
- OKLab
- oklab(0.244 -0.018 0.05)
- CIE Lab
- lab(12.62 -3.97 18.42)
- LCH
- lch(12.62 18.84 102.2)
- CMYK
- cmyk(0% 0% 100% 87%)
Tints · Shades · Tones
Tints
- 343516
- 48492D
- 5C5D45
- 71725D
- 878876
- 9E9F90
- B5B6AB
- CDCEC6
- E6E6E2
Shades
- 1C1C00
- 161600
- 111100
- 0B0B00
- 070700
- 030300
- 010100
- 000000
- 000000
Tones
- 2A2B0C
- 333319
- 3C3D25
- 454632
- 4E4F3E
- 58594B
- 626258
- 6C6C65
- 767672
Farbharmonien
Komplementär +180°
- 222200
Liquorice Root
- 201B38
≈ Nightwalker
Analog -30° +30°
- 222200
Liquorice Root
- 2D1D00
≈ Powdered Cocoa
- 11260C
≈ Midnight Pines
Triadisch +120° +240°
- 222200
Liquorice Root
- 002433
≈ Midnight Dreams
- 321424
≈ Black Cherry
Geteilt komplementär +150° +210°
- 222200
Liquorice Root
- 102039
≈ Sombre Night
- 2B1730
≈ Blackcurrant
Tetradisch +90° +180° +270°
- 222200
Liquorice Root
- 002628
≈ Teal Spill
- 201B38
≈ Nightwalker
- 351415
≈ Tamarind
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 16.19:1 · APCA Lc 103
Ag
FailAuf Schwarz
WCAG 1.29:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 16.19:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--liquorice-root: #222200;
--liquorice-root-rgb: 34 34 0;
--liquorice-root-oklch: oklch(0.244 0.053 109.8);
}
.element {
color: var(--liquorice-root);
background-color: hsl(60 100% 7%);
border-color: oklch(0.244 0.053 109.8);
}Tailwind CSS v4
@theme {
--color-liquorice-root: #222200;
--color-liquorice-root-50: #f5f7e6;
--color-liquorice-root-100: #e8ead6;
--color-liquorice-root-200: #d4d7bd;
--color-liquorice-root-300: #b8bb9c;
--color-liquorice-root-400: #a0a27d;
--color-liquorice-root-500: #888a60;
--color-liquorice-root-600: #737452;
--color-liquorice-root-700: #5c5d41;
--color-liquorice-root-800: #44442e;
--color-liquorice-root-900: #2f2f1f;
--color-liquorice-root-950: #1c1b0f;
}SCSS
$liquorice-root: #222200;
$liquorice-root-rgb: 34, 34, 0;
$liquorice-root-light: mix(#fff, $liquorice-root, 20%);
$liquorice-root-dark: mix(#000, $liquorice-root, 20%);
.element {
color: $liquorice-root;
box-shadow: 0 0 0 2px rgba($liquorice-root, 0.35);
}