Benannte Farbe · #843D38
Kilauea Lava
Kilauea Lava ist #843D38: rgb(132 61 56), hsl(4 40% 37%), oklch(0.452 0.099 25.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Kilauea Lava color name →
#843D38
oklch(0.452 0.099 25.9)
Farbumrechnungen
- HEX
- #843d38
- RGB
- rgb(132 61 56)
- HSL
- hsl(4 40% 37%)
- HWB
- hwb(4 22% 48%)
- OKLCH
- oklch(0.452 0.099 25.9)
- OKLab
- oklab(0.452 0.089 0.043)
- CIE Lab
- lab(35.44 30.83 18.29)
- LCH
- lch(35.44 35.84 30.7)
- CMYK
- cmyk(0% 54% 58% 48%)
Tints · Shades · Tones
Tints
- 91504A
- 9E625C
- AB756F
- B78883
- C49B96
- D0AEAB
- DCC2BF
- E8D6D4
- F3EAE9
Shades
- 72342F
- 602B27
- 4F221F
- 3F1A17
- 2F120F
- 200A08
- 120404
- 060101
- 010000
Tones
- 85443F
- 854B46
- 85524D
- 855955
- 85605C
- 856663
- 846D6A
- 837371
- 827A79
Farbharmonien
Komplementär +180°
- 843D38
Kilauea Lava
- 00626B
≈ Turkish Aqua
Analog -30° +30°
- 843D38
Kilauea Lava
- 7F3C58
≈ Pleasure
- 7E4514
≈ Russet
Triadisch +120° +240°
- 843D38
Kilauea Lava
- 2C6432
≈ Gameboy Shade
- 3B538C
≈ Glimpse of Void
Geteilt komplementär +150° +210°
- 843D38
Kilauea Lava
- 006554
≈ Piney Lake
- 005D84
≈ Blue Flame
Tetradisch +90° +180° +270°
- 843D38
Kilauea Lava
- 535C09
≈ Greensboro
- 00626B
≈ Turkish Aqua
- 5B4986
≈ Victoria
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.76:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.70:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.76:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--kilauea-lava: #843d38;
--kilauea-lava-rgb: 132 61 56;
--kilauea-lava-oklch: oklch(0.452 0.099 25.9);
}
.element {
color: var(--kilauea-lava);
background-color: hsl(4 40% 37%);
border-color: oklch(0.452 0.099 25.9);
}Tailwind CSS v4
@theme {
--color-kilauea-lava: #843d38;
--color-kilauea-lava-50: #ffebe6;
--color-kilauea-lava-100: #ffdcd6;
--color-kilauea-lava-200: #fcc5bd;
--color-kilauea-lava-300: #e6a49b;
--color-kilauea-lava-400: #d38780;
--color-kilauea-lava-500: #bf6b63;
--color-kilauea-lava-600: #a15b54;
--color-kilauea-lava-700: #824843;
--color-kilauea-lava-800: #603431;
--color-kilauea-lava-900: #432322;
--color-kilauea-lava-950: #2b1211;
}SCSS
$kilauea-lava: #843d38;
$kilauea-lava-rgb: 132, 61, 56;
$kilauea-lava-light: mix(#fff, $kilauea-lava, 20%);
$kilauea-lava-dark: mix(#000, $kilauea-lava, 20%);
.element {
color: $kilauea-lava;
box-shadow: 0 0 0 2px rgba($kilauea-lava, 0.35);
}