Benannte Farbe · #96514D
Azuki Bean
Azuki Bean ist #96514D: rgb(150 81 77), hsl(3 32% 45%), oklch(0.516 0.093 24.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Azuki Bean color name →
#96514D
oklch(0.516 0.093 24.3)
Farbumrechnungen
- HEX
- #96514d
- RGB
- rgb(150 81 77)
- HSL
- hsl(3 32% 45%)
- HWB
- hwb(3 30% 41%)
- OKLCH
- oklch(0.516 0.093 24.3)
- OKLab
- oklab(0.516 0.085 0.038)
- CIE Lab
- lab(42.97 29.09 15.83)
- LCH
- lch(42.97 33.11 28.6)
- CMYK
- cmyk(0% 46% 49% 41%)
Tints · Shades · Tones
Tints
- A1625D
- AC726E
- B7837F
- C29490
- CDA6A2
- D7B7B4
- E1C9C6
- EBDBD9
- F5EDEC
Shades
- 824542
- 6E3A37
- 5B2F2C
- 492422
- 371A18
- 26100F
- 160707
- 080202
- 010000
Tones
- 955652
- 935B57
- 91605C
- 8F6561
- 8D6A67
- 8B6E6C
- 897371
- 867776
- 837C7B
Farbharmonien
Komplementär +180°
- 96514D
Azuki Bean
- 00767F
≈ Hypnotic Sea
Analog -30° +30°
- 96514D
Azuki Bean
- 91506B
≈ Velour Scar
- 915830
≈ Sugar Almond
Triadisch +120° +240°
- 96514D
Azuki Bean
- 447645
≈ Autumn Crocodile
- 4D669D
≈ Electrify
Geteilt komplementär +150° +210°
- 96514D
Azuki Bean
- 147964
≈ Ultramarine Green
- 247095
≈ Blue Oasis
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.86:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.58:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.86:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--azuki-bean: #96514d;
--azuki-bean-rgb: 150 81 77;
--azuki-bean-oklch: oklch(0.516 0.093 24.3);
}
.element {
color: var(--azuki-bean);
background-color: hsl(3 32% 45%);
border-color: oklch(0.516 0.093 24.3);
}Tailwind CSS v4
@theme {
--color-azuki-bean: #96514d;
--color-azuki-bean-50: #ffece7;
--color-azuki-bean-100: #ffddd8;
--color-azuki-bean-200: #fac6c0;
--color-azuki-bean-300: #e3a69e;
--color-azuki-bean-400: #d08983;
--color-azuki-bean-500: #bc6c67;
--color-azuki-bean-600: #9f5c58;
--color-azuki-bean-700: #7f4a46;
--color-azuki-bean-800: #5f3533;
--color-azuki-bean-900: #422423;
--color-azuki-bean-950: #2a1312;
}SCSS
$azuki-bean: #96514d;
$azuki-bean-rgb: 150, 81, 77;
$azuki-bean-light: mix(#fff, $azuki-bean, 20%);
$azuki-bean-dark: mix(#000, $azuki-bean, 20%);
.element {
color: $azuki-bean;
box-shadow: 0 0 0 2px rgba($azuki-bean, 0.35);
}