Benannte Farbe · #9D5432
Piper
Piper ist #9D5432: rgb(157 84 50), hsl(19 52% 41%), oklch(0.526 0.108 44.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Piper color name →
#9D5432
oklch(0.526 0.108 44.6)
Farbumrechnungen
- HEX
- #9d5432
- RGB
- rgb(157 84 50)
- HSL
- hsl(19 52% 41%)
- HWB
- hwb(19 20% 38%)
- OKLCH
- oklch(0.526 0.108 44.6)
- OKLab
- oklab(0.526 0.077 0.076)
- CIE Lab
- lab(44.31 28.82 33.51)
- LCH
- lch(44.31 44.2 49.3)
- CMYK
- cmyk(0% 46% 68% 38%)
Tints · Shades · Tones
Tints
- A86547
- B2755A
- BC866E
- C79782
- D0A896
- DAB9AB
- E4CABF
- EDDCD4
- F6EDE9
Shades
- 88482A
- 733C22
- 5F311B
- 4C2614
- 3A1B0D
- 281107
- 180803
- 090201
- 010000
Tones
- 9B593B
- 995E44
- 96634C
- 946754
- 916C5B
- 8E7063
- 8B746A
- 877872
- 847C79
Farbharmonien
Komplementär +180°
- 9D5432
Piper
- 007695
≈ Blue Luxury
Analog -30° +30°
- 9D5432
Piper
- 9F4E57
≈ Cranberry Jam
- 8F600A
≈ Rat Brown
Triadisch +120° +240°
- 9D5432
Piper
- 0D7E5A
≈ Spanish Viridian
- 6461A6
≈ Blue Iris
Geteilt komplementär +150° +210°
- 9D5432
Piper
- 007B7A
≈ Buzzards Bay
- 3C6CA8
≈ Mega Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.60:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.74:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--piper: #9d5432;
--piper-rgb: 157 84 50;
--piper-oklch: oklch(0.526 0.108 44.6);
}
.element {
color: var(--piper);
background-color: hsl(19 52% 41%);
border-color: oklch(0.526 0.108 44.6);
}Tailwind CSS v4
@theme {
--color-piper: #9d5432;
--color-piper-50: #ffeddc;
--color-piper-100: #ffdeca;
--color-piper-200: #fcc7ae;
--color-piper-300: #e6a788;
--color-piper-400: #d48968;
--color-piper-500: #c06d46;
--color-piper-600: #a25c3c;
--color-piper-700: #824a30;
--color-piper-800: #613523;
--color-piper-900: #442417;
--color-piper-950: #2c1308;
}SCSS
$piper: #9d5432;
$piper-rgb: 157, 84, 50;
$piper-light: mix(#fff, $piper, 20%);
$piper-dark: mix(#000, $piper, 20%);
.element {
color: $piper;
box-shadow: 0 0 0 2px rgba($piper, 0.35);
}