Nächste benannte Farbe · #5C3F19
#5C3F19
Nächste benannte Farbe: Pineapple
#5C3F19 (rgb(92 63 25), hsl(34 57% 23%), oklch(0.392 0.067 70.9)) liegt am nächsten an der benannten Farbe Pineapple. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#5C3F19
oklch(0.392 0.067 70.9)
Farbumrechnungen
- HEX
- #5c3f19
- RGB
- rgb(92 63 25)
- HSL
- hsl(34 57% 23%)
- HWB
- hwb(34 10% 64%)
- OKLCH
- oklch(0.392 0.067 70.9)
- OKLab
- oklab(0.392 0.022 0.063)
- CIE Lab
- lab(29.42 9.98 27.84)
- LCH
- lch(29.42 29.58 70.3)
- CMYK
- cmyk(0% 32% 73% 64%)
Tints · Shades · Tones
Tints
- 6B5030
- 7B6245
- 8B745B
- 9B8771
- AB9A87
- BBAE9E
- CCC2B6
- DDD6CE
- EEEAE6
Shades
- 4F3514
- 422C10
- 36230B
- 2A1B07
- 1F1204
- 140A02
- 0A0401
- 030100
- 000000
Tones
- 604525
- 644C2F
- 67523A
- 6B5944
- 6F5F4E
- 726658
- 766C62
- 79736C
- 7D7976
Farbharmonien
Komplementär +180°
- 5C3F19
Pineapple
- 294868
≈ Commodore
Analog -30° +30°
- 5C3F19
Pineapple
- 643929
≈ Tropical Wood Brown
- 4D4617
≈ Uniform Green
Triadisch +120° +240°
- 5C3F19
Pineapple
- 03514E
≈ Myrtle Deep Green
- 513B60
≈ Old Heliotrope
Geteilt komplementär +150° +210°
- 5C3F19
Pineapple
- 0D4D5F
≈ Teal Dark Blue
- 3F4169
≈ Gloomy Blue
Tetradisch +90° +180° +270°
- 5C3F19
Pineapple
- 1F513A
≈ Kaitoke Green
- 294868
≈ Commodore
- 5E3750
≈ Ruby Violet
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.63:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.18:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.63:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--pineapple: #5c3f19;
--pineapple-rgb: 92 63 25;
--pineapple-oklch: oklch(0.392 0.067 70.9);
}
.element {
color: var(--pineapple);
background-color: hsl(34 57% 23%);
border-color: oklch(0.392 0.067 70.9);
}Tailwind CSS v4
@theme {
--color-pineapple: #5c3f19;
--color-pineapple-50: #fff3e1;
--color-pineapple-100: #f6e5d0;
--color-pineapple-200: #e6d0b6;
--color-pineapple-300: #cdb392;
--color-pineapple-400: #b89873;
--color-pineapple-500: #a27f54;
--color-pineapple-600: #896b48;
--color-pineapple-700: #6e5639;
--color-pineapple-800: #523e29;
--color-pineapple-900: #392b1b;
--color-pineapple-950: #23180c;
}SCSS
$pineapple: #5c3f19;
$pineapple-rgb: 92, 63, 25;
$pineapple-light: mix(#fff, $pineapple, 20%);
$pineapple-dark: mix(#000, $pineapple, 20%);
.element {
color: $pineapple;
box-shadow: 0 0 0 2px rgba($pineapple, 0.35);
}