Nächste benannte Farbe · #540000
#540000
Nächste benannte Farbe: Burned
#540000 (rgb(84 0 0), hsl(0 100% 16%), oklch(0.28 0.115 29.2)) liegt am nächsten an der benannten Farbe Burned. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#540000
oklch(0.28 0.115 29.2)
Farbumrechnungen
- HEX
- #540000
- RGB
- rgb(84 0 0)
- HSL
- hsl(0 100% 16%)
- HWB
- hwb(0 0% 67%)
- OKLCH
- oklch(0.28 0.115 29.2)
- OKLab
- oklab(0.28 0.1 0.056)
- CIE Lab
- lab(15.34 36.03 24.12)
- LCH
- lch(15.34 43.36 33.8)
- CMYK
- cmyk(0% 100% 100% 67%)
Tints · Shades · Tones
Tints
- 662018
- 783830
- 8A5047
- 9B675F
- AC7F78
- BD9892
- CEB1AC
- DECAC7
- EFE5E3
Shades
- 480000
- 3C0000
- 310000
- 260000
- 1B0000
- 110000
- 080000
- 020000
- 000000
Tones
- 5A140D
- 60221B
- 652F27
- 6A3B34
- 6F4640
- 73524C
- 775D59
- 7A6966
- 7D7473
Farbharmonien
Komplementär +180°
- 540000
Burned
- 002F36
≈ Roof Tile Green
Analog -30° +30°
- 540000
Burned
- 500027
≈ Fig Balsamic
- 401F00
≈ Dark Ebony
Triadisch +120° +240°
- 540000
Burned
- 003311
≈ Haunted Hills
- 142060
≈ Pure Midnight
Geteilt komplementär +150° +210°
- 540000
Burned
- 003129
≈ Fence Green
- 002C44
≈ Cosmos Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 15.25:1 · APCA Lc 101
Ag
FailAuf Schwarz
WCAG 1.37:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 15.25:1 (AAA) · APCA Lc 101
Contrast pairs
Code-Snippets
CSS
:root {
--burned: #540000;
--burned-rgb: 84 0 0;
--burned-oklch: oklch(0.28 0.115 29.2);
}
.element {
color: var(--burned);
background-color: hsl(0 100% 16%);
border-color: oklch(0.28 0.115 29.2);
}Tailwind CSS v4
@theme {
--color-burned: #540000;
--color-burned-50: #ffeae1;
--color-burned-100: #ffdbd1;
--color-burned-200: #ffc3b6;
--color-burned-300: #eca293;
--color-burned-400: #da8376;
--color-burned-500: #c76658;
--color-burned-600: #a8564b;
--color-burned-700: #87453c;
--color-burned-800: #64312c;
--color-burned-900: #47211e;
--color-burned-950: #2e100e;
}SCSS
$burned: #540000;
$burned-rgb: 84, 0, 0;
$burned-light: mix(#fff, $burned, 20%);
$burned-dark: mix(#000, $burned, 20%);
.element {
color: $burned;
box-shadow: 0 0 0 2px rgba($burned, 0.35);
}