Benannte Farbe · #97645A
Umenezumi Plum
Umenezumi Plum ist #97645A: rgb(151 100 90), hsl(10 25% 47%), oklch(0.555 0.069 31.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Umenezumi Plum color name →
#97645A
oklch(0.555 0.069 31.6)
Farbumrechnungen
- HEX
- #97645a
- RGB
- rgb(151 100 90)
- HSL
- hsl(10 25% 47%)
- HWB
- hwb(10 35% 41%)
- OKLCH
- oklch(0.555 0.069 31.6)
- OKLab
- oklab(0.555 0.058 0.036)
- CIE Lab
- lab(47.8 20.28 14.56)
- LCH
- lch(47.8 24.97 35.7)
- CMYK
- cmyk(0% 34% 40% 41%)
Tints · Shades · Tones
Tints
- A27369
- AC8179
- B79089
- C1A099
- CCAFA9
- D6BFBA
- E0CFCB
- EBDEDC
- F5EFED
Shades
- 83564D
- 6F4841
- 5C3B35
- 492E29
- 37221E
- 261613
- 170B09
- 080303
- 010000
Tones
- 95675E
- 936A62
- 916D66
- 8F7069
- 8D736D
- 8A7571
- 887875
- 857B78
- 837D7C
Farbharmonien
Komplementär +180°
- 97645A
Umenezumi Plum
- 3D7E8A
≈ Wish Upon a Star
Analog -30° +30°
- 97645A
Umenezumi Plum
- 956270
≈ Glitz and Glamour
- 906A49
≈ Barcelona Brown
Triadisch +120° +240°
- 97645A
Umenezumi Plum
- 547F5F
≈ Sports Field Green
- 64719C
≈ Blueberry Patch
Geteilt komplementär +150° +210°
- 97645A
Umenezumi Plum
- 408076
≈ Bubble Turquoise
- 4D7898
≈ Antarctic Blue
Tetradisch +90° +180° +270°
- 97645A
Umenezumi Plum
- 6C7A4B
≈ Mint Leaves
- 3D7E8A
≈ Wish Upon a Star
- 7A6A95
≈ Arabian Silk
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.89:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.28:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--umenezumi-plum: #97645a;
--umenezumi-plum-rgb: 151 100 90;
--umenezumi-plum-oklch: oklch(0.555 0.069 31.6);
}
.element {
color: var(--umenezumi-plum);
background-color: hsl(10 25% 47%);
border-color: oklch(0.555 0.069 31.6);
}Tailwind CSS v4
@theme {
--color-umenezumi-plum: #97645a;
--color-umenezumi-plum-50: #ffefe9;
--color-umenezumi-plum-100: #fee0d9;
--color-umenezumi-plum-200: #f0cac1;
--color-umenezumi-plum-300: #d8aba1;
--color-umenezumi-plum-400: #c49086;
--color-umenezumi-plum-500: #af756a;
--color-umenezumi-plum-600: #94635a;
--color-umenezumi-plum-700: #774f48;
--color-umenezumi-plum-800: #583934;
--color-umenezumi-plum-900: #3d2724;
--color-umenezumi-plum-950: #271513;
}SCSS
$umenezumi-plum: #97645a;
$umenezumi-plum-rgb: 151, 100, 90;
$umenezumi-plum-light: mix(#fff, $umenezumi-plum, 20%);
$umenezumi-plum-dark: mix(#000, $umenezumi-plum, 20%);
.element {
color: $umenezumi-plum;
box-shadow: 0 0 0 2px rgba($umenezumi-plum, 0.35);
}