Nächste benannte Farbe · #812000
#812000
Nächste benannte Farbe: Buried Lust
#812000 (rgb(129 32 0), hsl(15 100% 25%), oklch(0.4 0.137 36.1)) liegt am nächsten an der benannten Farbe Buried Lust. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#812000
oklch(0.4 0.137 36.1)
Farbumrechnungen
- HEX
- #812000
- RGB
- rgb(129 32 0)
- HSL
- hsl(15 100% 25%)
- HWB
- hwb(15 0% 49%)
- OKLCH
- oklch(0.4 0.137 36.1)
- OKLab
- oklab(0.4 0.111 0.081)
- CIE Lab
- lab(29.21 41.05 41.94)
- LCH
- lch(29.21 58.69 45.6)
- CMYK
- cmyk(0% 75% 100% 49%)
Tints · Shades · Tones
Tints
- 8F3921
- 9D4F3A
- AB6552
- B87A69
- C59081
- D1A599
- DDBBB2
- E9D2CB
- F4E8E5
Shades
- 6F1A00
- 5E1500
- 4E0F00
- 3E0A00
- 2E0600
- 1F0300
- 120100
- 060000
- 010000
Tones
- 832D15
- 843824
- 854230
- 854C3C
- 855548
- 855E53
- 85675E
- 846F69
- 827875
Farbharmonien
Komplementär +180°
- 812000
Buried Lust
- 005160
≈ Sandalwood Grey Blue
Analog -30° +30°
- 812000
Buried Lust
- 7F1A3C
≈ Atlas Red
- 673C00
≈ Bestial Brown
Triadisch +120° +240°
- 812000
Buried Lust
- 005731
≈ Caliban Green
- 373B8F
≈ Clematis Blue
Geteilt komplementär +150° +210°
- 812000
Buried Lust
- 00544D
≈ Plankton Green
- 004B7B
≈ Blue Meridian
Tetradisch +90° +180° +270°
- 812000
Buried Lust
- 3A5100
≈ Navy Green
- 005160
≈ Sandalwood Grey Blue
- 5A2D81
≈ Deep Amethyst
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.81:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.14:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.81:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--buried-lust: #812000;
--buried-lust-rgb: 129 32 0;
--buried-lust-oklch: oklch(0.4 0.137 36.1);
}
.element {
color: var(--buried-lust);
background-color: hsl(15 100% 25%);
border-color: oklch(0.4 0.137 36.1);
}Tailwind CSS v4
@theme {
--color-buried-lust: #812000;
--color-buried-lust-50: #ffe9d9;
--color-buried-lust-100: #ffd9c7;
--color-buried-lust-200: #ffc0aa;
--color-buried-lust-300: #f49e84;
--color-buried-lust-400: #e37f64;
--color-buried-lust-500: #d05f41;
--color-buried-lust-600: #b05138;
--color-buried-lust-700: #8d412c;
--color-buried-lust-800: #692e20;
--color-buried-lust-900: #4a1f15;
--color-buried-lust-950: #300e07;
}SCSS
$buried-lust: #812000;
$buried-lust-rgb: 129, 32, 0;
$buried-lust-light: mix(#fff, $buried-lust, 20%);
$buried-lust-dark: mix(#000, $buried-lust, 20%);
.element {
color: $buried-lust;
box-shadow: 0 0 0 2px rgba($buried-lust, 0.35);
}