Benannte Farbe · #929752
Salvia Divinorum
Salvia Divinorum ist #929752: rgb(146 151 82), hsl(64 30% 46%), oklch(0.656 0.092 112.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Salvia Divinorum color name →
#929752
oklch(0.656 0.092 112.3)
Farbumrechnungen
- HEX
- #929752
- RGB
- rgb(146 151 82)
- HSL
- hsl(64 30% 46%)
- HWB
- hwb(64 32% 41%)
- OKLCH
- oklch(0.656 0.092 112.3)
- OKLab
- oklab(0.656 -0.035 0.085)
- CIE Lab
- lab(60.86 -9.7 35.46)
- LCH
- lch(60.86 36.77 105.3)
- CMYK
- cmyk(3% 0% 46% 41%)
Tints · Shades · Tones
Tints
- 9CA164
- A7AB75
- B1B686
- BCC097
- C7CAA8
- D2D5B9
- DDDFCB
- E8EADC
- F3F4ED
Shades
- 7E8346
- 6B6F3B
- 585C2F
- 464925
- 35371A
- 252611
- 161708
- 080802
- 010100
Tones
- 909558
- 8E935D
- 8C9062
- 8A8E67
- 898C6C
- 878A70
- 858774
- 838578
- 82827C
Farbharmonien
Komplementär +180°
- 929752
Salvia Divinorum
- 9287C5
≈ Amethyst Grey
Analog -30° +30°
- 929752
Salvia Divinorum
- AD8C4B
≈ Golden Years
- 70A06B
≈ Blackthorn Green
Triadisch +120° +240°
- 929752
Salvia Divinorum
- 519BC0
≈ Mountain Bluebird
- BD7997
≈ Benifuji
Geteilt komplementär +150° +210°
- 929752
Salvia Divinorum
- 7291CA
≈ Organza Violet
- AC7EB3
≈ Berries Galore
Tetradisch +90° +180° +270°
- 929752
Salvia Divinorum
- 3DA2A9
≈ Marlin Green
- 9287C5
≈ Amethyst Grey
- C37A77
≈ Antique Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.10:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.77:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--salvia-divinorum: #929752;
--salvia-divinorum-rgb: 146 151 82;
--salvia-divinorum-oklch: oklch(0.656 0.092 112.3);
}
.element {
color: var(--salvia-divinorum);
background-color: hsl(64 30% 46%);
border-color: oklch(0.656 0.092 112.3);
}Tailwind CSS v4
@theme {
--color-salvia-divinorum: #929752;
--color-salvia-divinorum-50: #f4f9db;
--color-salvia-divinorum-100: #e7ecc9;
--color-salvia-divinorum-200: #d3d9ac;
--color-salvia-divinorum-300: #b6bd87;
--color-salvia-divinorum-400: #9fa463;
--color-salvia-divinorum-500: #878c3f;
--color-salvia-divinorum-600: #727736;
--color-salvia-divinorum-700: #5c5f2b;
--color-salvia-divinorum-800: #44451d;
--color-salvia-divinorum-900: #2f3013;
--color-salvia-divinorum-950: #1c1c05;
}SCSS
$salvia-divinorum: #929752;
$salvia-divinorum-rgb: 146, 151, 82;
$salvia-divinorum-light: mix(#fff, $salvia-divinorum, 20%);
$salvia-divinorum-dark: mix(#000, $salvia-divinorum, 20%);
.element {
color: $salvia-divinorum;
box-shadow: 0 0 0 2px rgba($salvia-divinorum, 0.35);
}