Benannte Farbe · #513233
Decadent Chocolate
Decadent Chocolate ist #513233: rgb(81 50 51), hsl(358 24% 26%), oklch(0.355 0.045 17.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Decadent Chocolate color name →
#513233
oklch(0.355 0.045 17.5)
Farbumrechnungen
- HEX
- #513233
- RGB
- rgb(81 50 51)
- HSL
- hsl(358 24% 26%)
- HWB
- hwb(358 20% 68%)
- OKLCH
- oklch(0.355 0.045 17.5)
- OKLab
- oklab(0.355 0.043 0.014)
- CIE Lab
- lab(24.7 14.57 5.51)
- LCH
- lch(24.7 15.58 20.7)
- CMYK
- cmyk(0% 38% 37% 68%)
Tints · Shades · Tones
Tints
- 614445
- 725757
- 836A6A
- 947E7E
- A59292
- B7A7A7
- C8BCBC
- DAD2D2
- EDE8E8
Shades
- 452A2B
- 3A2223
- 2F1B1C
- 241414
- 1A0D0D
- 100707
- 070303
- 020101
- 000000
Tones
- 56393A
- 5B4141
- 604949
- 645050
- 695858
- 6E6060
- 726868
- 777070
- 7C7878
Farbharmonien
Komplementär +180°
- 513233
Decadent Chocolate
- 1B4344
≈ Tiber
Analog -30° +30°
- 513233
Decadent Chocolate
- 4E3240
≈ Loulou
- 503427
≈ Bramble Bush
Triadisch +120° +240°
- 513233
Decadent Chocolate
- 30412A
≈ Deep Seaweed
- 2D3D53
≈ Sharp Blue
Geteilt komplementär +150° +210°
- 513233
Decadent Chocolate
- 224337
≈ Everglade
- 20414E
≈ Green Vogue
Tetradisch +90° +180° +270°
- 513233
Decadent Chocolate
- 3E3E21
≈ Scorched Metal
- 1B4344
≈ Tiber
- 3A3852
≈ Maharaja
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.32:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.85:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.32:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--decadent-chocolate: #513233;
--decadent-chocolate-rgb: 81 50 51;
--decadent-chocolate-oklch: oklch(0.355 0.045 17.5);
}
.element {
color: var(--decadent-chocolate);
background-color: hsl(358 24% 26%);
border-color: oklch(0.355 0.045 17.5);
}Tailwind CSS v4
@theme {
--color-decadent-chocolate: #513233;
--color-decadent-chocolate-50: #fff0f0;
--color-decadent-chocolate-100: #f7e2e2;
--color-decadent-chocolate-200: #e7cdcc;
--color-decadent-chocolate-300: #ceafae;
--color-decadent-chocolate-400: #b89495;
--color-decadent-chocolate-500: #a27a7b;
--color-decadent-chocolate-600: #896868;
--color-decadent-chocolate-700: #6e5353;
--color-decadent-chocolate-800: #513c3d;
--color-decadent-chocolate-900: #38292a;
--color-decadent-chocolate-950: #231718;
}SCSS
$decadent-chocolate: #513233;
$decadent-chocolate-rgb: 81, 50, 51;
$decadent-chocolate-light: mix(#fff, $decadent-chocolate, 20%);
$decadent-chocolate-dark: mix(#000, $decadent-chocolate, 20%);
.element {
color: $decadent-chocolate;
box-shadow: 0 0 0 2px rgba($decadent-chocolate, 0.35);
}