Benannte Farbe · #879473
Royal Oakleaf
Royal Oakleaf ist #879473: rgb(135 148 115), hsl(84 13% 52%), oklch(0.647 0.05 125.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Royal Oakleaf color name →
#879473
oklch(0.647 0.05 125.2)
Farbumrechnungen
- HEX
- #879473
- RGB
- rgb(135 148 115)
- HSL
- hsl(84 13% 52%)
- HWB
- hwb(84 45% 42%)
- OKLCH
- oklch(0.647 0.05 125.2)
- OKLab
- oklab(0.647 -0.029 0.041)
- CIE Lab
- lab(59.58 -9.42 15.88)
- LCH
- lch(59.58 18.46 120.7)
- CMYK
- cmyk(9% 0% 22% 42%)
Tints · Shades · Tones
Tints
- 929E80
- 9EA98E
- A9B39B
- B5BEA9
- C1C8B7
- CDD3C5
- DADED3
- E6E9E2
- F2F4F0
Shades
- 758063
- 636D54
- 515A45
- 414836
- 313628
- 21261B
- 13160F
- 060805
- 010101
Tones
- 869274
- 869076
- 858E77
- 848C79
- 838A7A
- 83887B
- 82867C
- 81847E
- 81827F
Farbharmonien
Komplementär +180°
- 879473
Royal Oakleaf
- 9587A7
≈ Larkspur Violet
Analog -30° +30°
- 879473
Royal Oakleaf
- 978E6C
≈ Courtyard Green
- 769881
≈ Mid Cypress
Triadisch +120° +240°
- 879473
Royal Oakleaf
- 7592AB
≈ Wink
- AA828A
≈ Natural Spring
Geteilt komplementär +150° +210°
- 879473
Royal Oakleaf
- 858CAD
≈ Luxury
- A2839A
≈ Berry Bright
Tetradisch +90° +180° +270°
- 879473
Royal Oakleaf
- 6B96A1
≈ Shore Water
- 9587A7
≈ Larkspur Violet
- AA847A
≈ Hushed Auburn
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.22:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.51:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.51:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--royal-oakleaf: #879473;
--royal-oakleaf-rgb: 135 148 115;
--royal-oakleaf-oklch: oklch(0.647 0.05 125.2);
}
.element {
color: var(--royal-oakleaf);
background-color: hsl(84 13% 52%);
border-color: oklch(0.647 0.05 125.2);
}Tailwind CSS v4
@theme {
--color-royal-oakleaf: #879473;
--color-royal-oakleaf-50: #f1f8e9;
--color-royal-oakleaf-100: #e3ebda;
--color-royal-oakleaf-200: #ced9c2;
--color-royal-oakleaf-300: #b0bda2;
--color-royal-oakleaf-400: #97a484;
--color-royal-oakleaf-500: #7e8c68;
--color-royal-oakleaf-600: #6b7759;
--color-royal-oakleaf-700: #555f47;
--color-royal-oakleaf-800: #3f4532;
--color-royal-oakleaf-900: #2b3022;
--color-royal-oakleaf-950: #191c11;
}SCSS
$royal-oakleaf: #879473;
$royal-oakleaf-rgb: 135, 148, 115;
$royal-oakleaf-light: mix(#fff, $royal-oakleaf, 20%);
$royal-oakleaf-dark: mix(#000, $royal-oakleaf, 20%);
.element {
color: $royal-oakleaf;
box-shadow: 0 0 0 2px rgba($royal-oakleaf, 0.35);
}