Benannte Farbe · #886144
Wilmington
Wilmington ist #886144: rgb(136 97 68), hsl(26 33% 40%), oklch(0.526 0.066 57.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Wilmington color name →
#886144
oklch(0.526 0.066 57.4)
Farbumrechnungen
- HEX
- #886144
- RGB
- rgb(136 97 68)
- HSL
- hsl(26 33% 40%)
- HWB
- hwb(26 27% 47%)
- OKLCH
- oklch(0.526 0.066 57.4)
- OKLab
- oklab(0.526 0.036 0.056)
- CIE Lab
- lab(44.8 13.64 23.09)
- LCH
- lch(44.8 26.82 59.4)
- CMYK
- cmyk(0% 29% 50% 47%)
Tints · Shades · Tones
Tints
- 947056
- A07F67
- AB8E79
- B79E8C
- C3AD9E
- CFBDB1
- DBCDC4
- E7DED7
- F3EEEB
Shades
- 75533A
- 634630
- 523926
- 412D1D
- 312114
- 22150C
- 130B05
- 060302
- 010000
Tones
- 88644A
- 876751
- 866B57
- 866E5D
- 857163
- 847469
- 83776E
- 827A74
- 817D7A
Farbharmonien
Komplementär +180°
- 886144
Wilmington
- 44718C
≈ Downpour
Analog -30° +30°
- 886144
Wilmington
- 8D5C56
≈ Bold Brick
- 7B683C
≈ Eminent Bronze
Triadisch +120° +240°
- 886144
Wilmington
- 3C776A
≈ Green Sleeves
- 6F638C
≈ Posy Purple
Geteilt komplementär +150° +210°
- 886144
Wilmington
- 36767E
≈ Ocean Slumber
- 5A6A92
≈ Emerald-Crested Manakin
Tetradisch +90° +180° +270°
- 886144
Wilmington
- 507555
≈ Green Valley
- 44718C
≈ Downpour
- 805D7F
≈ Trendy Pink
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.46:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.84:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.46:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--wilmington: #886144;
--wilmington-rgb: 136 97 68;
--wilmington-oklch: oklch(0.526 0.066 57.4);
}
.element {
color: var(--wilmington);
background-color: hsl(26 33% 40%);
border-color: oklch(0.526 0.066 57.4);
}Tailwind CSS v4
@theme {
--color-wilmington: #886144;
--color-wilmington-50: #fff1e3;
--color-wilmington-100: #f9e3d3;
--color-wilmington-200: #eaceb9;
--color-wilmington-300: #d2b096;
--color-wilmington-400: #bd9578;
--color-wilmington-500: #a87b5a;
--color-wilmington-600: #8e684d;
--color-wilmington-700: #72533d;
--color-wilmington-800: #543c2c;
--color-wilmington-900: #3b291e;
--color-wilmington-950: #25170e;
}SCSS
$wilmington: #886144;
$wilmington-rgb: 136, 97, 68;
$wilmington-light: mix(#fff, $wilmington, 20%);
$wilmington-dark: mix(#000, $wilmington, 20%);
.element {
color: $wilmington;
box-shadow: 0 0 0 2px rgba($wilmington, 0.35);
}