Benannte Farbe · #5D3954
Bruised Bear
Bruised Bear ist #5D3954: rgb(93 57 84), hsl(315 24% 29%), oklch(0.397 0.065 336.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Bruised Bear color name →
#5D3954
oklch(0.397 0.065 336.4)
Farbumrechnungen
- HEX
- #5d3954
- RGB
- rgb(93 57 84)
- HSL
- hsl(315 24% 29%)
- HWB
- hwb(315 22% 64%)
- OKLCH
- oklch(0.397 0.065 336.4)
- OKLab
- oklab(0.397 0.059 -0.026)
- CIE Lab
- lab(29.17 19.82 -9.49)
- LCH
- lch(29.17 21.98 334.4)
- CMYK
- cmyk(0% 39% 10% 64%)
Tints · Shades · Tones
Tints
- 6C4B64
- 7C5D74
- 8C7084
- 9C8395
- AC97A6
- BCABB7
- CDBFC9
- DDD4DA
- EEE9ED
Shades
- 503048
- 43283C
- 371F31
- 2A1726
- 1F101B
- 140911
- 0A0408
- 030102
- 000000
Tones
- 614058
- 65475D
- 684E61
- 6C5565
- 6F5C6A
- 73636E
- 766A73
- 7A7177
- 7D797C
Farbharmonien
Komplementär +180°
- 5D3954
Bruised Bear
- 265138
≈ Kaitoke Green
Analog -30° +30°
- 5D3954
Bruised Bear
- 503D63
≈ Mulberry Purple
- 643741
≈ Velvet Cape
Triadisch +120° +240°
- 5D3954
Bruised Bear
- 514719
≈ Uniform Green
- 0F4F5D
≈ Teal Dark Blue
Geteilt komplementär +150° +210°
- 5D3954
Bruised Bear
- 3E4D25
≈ Bronze Tone
- 0D524C
≈ Myrtle Deep Green
Tetradisch +90° +180° +270°
- 5D3954
Bruised Bear
- 5E401E
≈ Pullman Brown
- 265138
≈ Kaitoke Green
- 274A68
≈ Lake View
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.63:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.17:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.63:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--bruised-bear: #5d3954;
--bruised-bear-rgb: 93 57 84;
--bruised-bear-oklch: oklch(0.397 0.065 336.4);
}
.element {
color: var(--bruised-bear);
background-color: hsl(315 24% 29%);
border-color: oklch(0.397 0.065 336.4);
}Tailwind CSS v4
@theme {
--color-bruised-bear: #5d3954;
--color-bruised-bear-50: #ffeefc;
--color-bruised-bear-100: #f7e0ef;
--color-bruised-bear-200: #e8cade;
--color-bruised-bear-300: #ceabc3;
--color-bruised-bear-400: #b890ad;
--color-bruised-bear-500: #a27696;
--color-bruised-bear-600: #89647f;
--color-bruised-bear-700: #6e5066;
--color-bruised-bear-800: #513a4c;
--color-bruised-bear-900: #382834;
--color-bruised-bear-950: #231620;
}SCSS
$bruised-bear: #5d3954;
$bruised-bear-rgb: 93, 57, 84;
$bruised-bear-light: mix(#fff, $bruised-bear, 20%);
$bruised-bear-dark: mix(#000, $bruised-bear, 20%);
.element {
color: $bruised-bear;
box-shadow: 0 0 0 2px rgba($bruised-bear, 0.35);
}