Benannte Farbe · #B17261
Pinkish Brown
Pinkish Brown ist #B17261: rgb(177 114 97), hsl(13 34% 54%), oklch(0.615 0.084 35.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pinkish Brown color name →
#B17261
oklch(0.615 0.084 35.8)
Farbumrechnungen
- HEX
- #b17261
- RGB
- rgb(177 114 97)
- HSL
- hsl(13 34% 54%)
- HWB
- hwb(13 38% 31%)
- OKLCH
- oklch(0.615 0.084 35.8)
- OKLab
- oklab(0.615 0.068 0.049)
- CIE Lab
- lab(54.63 24.14 20.28)
- LCH
- lch(54.63 31.53 40)
- CMYK
- cmyk(0% 36% 45% 31%)
Tints · Shades · Tones
Tints
- B98070
- C28D7F
- CA9B8E
- D2A99E
- DAB7AE
- E1C5BE
- E9D4CE
- F0E2DE
- F8F0EE
Shades
- 996253
- 835346
- 6C4439
- 57362D
- 422821
- 2F1B15
- 1C0E0B
- 0C0403
- 010100
Tones
- AD7464
- A87568
- A3776B
- 9F786E
- 9A7A71
- 957B74
- 907D77
- 8B7E7A
- 857F7D
Farbharmonien
Komplementär +180°
- B17261
Pinkish Brown
- 3E91A5
≈ Winter Time
Analog -30° +30°
- B17261
Pinkish Brown
- B06F7D
≈ Shade of Mauve
- A77A4C
≈ Butter Caramel
Triadisch +120° +240°
- B17261
Pinkish Brown
- 58946F
≈ DaVanzo Green
- 7680B7
≈ Astro Zinger
Geteilt komplementär +150° +210°
- B17261
Pinkish Brown
- 3E958C
≈ Sea
- 588AB4
≈ Alpha Blue
Tetradisch +90° +180° +270°
- B17261
Pinkish Brown
- 788E55
≈ Scarabœus Nobilis
- 3E91A5
≈ Winter Time
- 9177AD
≈ Romantic Moment
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.85:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.44:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--pinkish-brown: #b17261;
--pinkish-brown-rgb: 177 114 97;
--pinkish-brown-oklch: oklch(0.615 0.084 35.8);
}
.element {
color: var(--pinkish-brown);
background-color: hsl(13 34% 54%);
border-color: oklch(0.615 0.084 35.8);
}Tailwind CSS v4
@theme {
--color-pinkish-brown: #b17261;
--color-pinkish-brown-50: #ffeee4;
--color-pinkish-brown-100: #ffdfd4;
--color-pinkish-brown-200: #f6c9bb;
--color-pinkish-brown-300: #dea999;
--color-pinkish-brown-400: #cb8d7c;
--color-pinkish-brown-500: #b7715f;
--color-pinkish-brown-600: #9a6051;
--color-pinkish-brown-700: #7c4d40;
--color-pinkish-brown-800: #5c372f;
--color-pinkish-brown-900: #402620;
--color-pinkish-brown-950: #29140f;
}SCSS
$pinkish-brown: #b17261;
$pinkish-brown-rgb: 177, 114, 97;
$pinkish-brown-light: mix(#fff, $pinkish-brown, 20%);
$pinkish-brown-dark: mix(#000, $pinkish-brown, 20%);
.element {
color: $pinkish-brown;
box-shadow: 0 0 0 2px rgba($pinkish-brown, 0.35);
}