Benannte Farbe · #8F684B
Webcap Brown
Webcap Brown ist #8F684B: rgb(143 104 75), hsl(26 31% 43%), oklch(0.55 0.066 57.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Webcap Brown color name →
#8F684B
oklch(0.55 0.066 57.5)
Farbumrechnungen
- HEX
- #8f684b
- RGB
- rgb(143 104 75)
- HSL
- hsl(26 31% 43%)
- HWB
- hwb(26 29% 44%)
- OKLCH
- oklch(0.55 0.066 57.5)
- OKLab
- oklab(0.55 0.035 0.055)
- CIE Lab
- lab(47.57 13.39 22.79)
- LCH
- lch(47.57 26.43 59.6)
- CMYK
- cmyk(0% 27% 48% 44%)
Tints · Shades · Tones
Tints
- 9A765C
- A5856D
- B0937E
- BBA290
- C7B1A2
- D2C0B4
- DDD0C6
- E8DFD9
- F4EFEC
Shades
- 7C5940
- 694B35
- 573E2B
- 453021
- 342417
- 24180E
- 150C06
- 070402
- 010000
Tones
- 8E6B51
- 8C6D56
- 8B705C
- 8A7261
- 887466
- 87776B
- 857971
- 847B76
- 827E7B
Farbharmonien
Komplementär +180°
- 8F684B
Webcap Brown
- 4B7793
≈ Sea Drifter
Analog -30° +30°
- 8F684B
Webcap Brown
- 94635C
≈ Canyon Stone
- 826F44
≈ Valencia Moss
Triadisch +120° +240°
- 8F684B
Webcap Brown
- 447E71
≈ Azurite Water Green
- 766A93
≈ Purple Grapes
Geteilt komplementär +150° +210°
- 8F684B
Webcap Brown
- 3E7C85
≈ Mysterious Blue
- 617199
≈ Blueberry Patch
Tetradisch +90° +180° +270°
- 8F684B
Webcap Brown
- 577C5C
≈ Green Mantle
- 4B7793
≈ Sea Drifter
- 876485
≈ Sunshone Plum
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.94:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.24:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--webcap-brown: #8f684b;
--webcap-brown-rgb: 143 104 75;
--webcap-brown-oklch: oklch(0.55 0.066 57.5);
}
.element {
color: var(--webcap-brown);
background-color: hsl(26 31% 43%);
border-color: oklch(0.55 0.066 57.5);
}Tailwind CSS v4
@theme {
--color-webcap-brown: #8f684b;
--color-webcap-brown-50: #fff1e3;
--color-webcap-brown-100: #f9e3d3;
--color-webcap-brown-200: #eaceb9;
--color-webcap-brown-300: #d1b096;
--color-webcap-brown-400: #bd9579;
--color-webcap-brown-500: #a87b5b;
--color-webcap-brown-600: #8e694d;
--color-webcap-brown-700: #72543d;
--color-webcap-brown-800: #543c2c;
--color-webcap-brown-900: #3b2a1e;
--color-webcap-brown-950: #25170e;
}SCSS
$webcap-brown: #8f684b;
$webcap-brown-rgb: 143, 104, 75;
$webcap-brown-light: mix(#fff, $webcap-brown, 20%);
$webcap-brown-dark: mix(#000, $webcap-brown, 20%);
.element {
color: $webcap-brown;
box-shadow: 0 0 0 2px rgba($webcap-brown, 0.35);
}