Benannte Farbe · #95396A
Powder Red
Powder Red ist #95396A: rgb(149 57 106), hsl(328 45% 40%), oklch(0.487 0.135 350.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Powder Red color name →
#95396A
oklch(0.487 0.135 350.2)
Farbumrechnungen
- HEX
- #95396a
- RGB
- rgb(149 57 106)
- HSL
- hsl(328 45% 40%)
- HWB
- hwb(328 22% 42%)
- OKLCH
- oklch(0.487 0.135 350.2)
- OKLab
- oklab(0.487 0.133 -0.023)
- CIE Lab
- lab(38.71 43.11 -8.17)
- LCH
- lch(38.71 43.87 349.3)
- CMYK
- cmyk(0% 62% 29% 42%)
Tints · Shades · Tones
Tints
- A14D78
- AD6186
- B87494
- C387A3
- CE9BB2
- D8AEC1
- E2C2D0
- ECD6E0
- F6EBEF
Shades
- 81305B
- 6D284D
- 5A1F3F
- 481731
- 371024
- 260918
- 16040D
- 080104
- 010000
Tones
- 94426C
- 934A6E
- 925171
- 905873
- 8E5F75
- 8C6677
- 8A6D79
- 87737C
- 847A7E
Farbharmonien
Komplementär +180°
- 95396A
Powder Red
- 007157
≈ Precious Emerald
Analog -30° +30°
- 95396A
Powder Red
- 80428E
≈ Cadmium Violet
- 9E383E
≈ Vintage Red
Triadisch +120° +240°
- 95396A
Powder Red
- 646400
≈ Earthy Khaki Green
- 00698C
≈ Bondi
Geteilt komplementär +150° +210°
- 95396A
Powder Red
- 2E711E
≈ Green-Eyed Monster
- 006D72
≈ Teal Motif
Tetradisch +90° +180° +270°
- 95396A
Powder Red
- 7D5800
≈ Qahvei Brown
- 007157
≈ Precious Emerald
- 2F5DAB
≈ Nebulas Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.83:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.07:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.83:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--powder-red: #95396a;
--powder-red-rgb: 149 57 106;
--powder-red-oklch: oklch(0.487 0.135 350.2);
}
.element {
color: var(--powder-red);
background-color: hsl(328 45% 40%);
border-color: oklch(0.487 0.135 350.2);
}Tailwind CSS v4
@theme {
--color-powder-red: #95396a;
--color-powder-red-50: #ffe6f9;
--color-powder-red-100: #ffd6ec;
--color-powder-red-200: #ffbdda;
--color-powder-red-300: #ed9abe;
--color-powder-red-400: #d97ba9;
--color-powder-red-500: #c65c92;
--color-powder-red-600: #a74e7c;
--color-powder-red-700: #863e63;
--color-powder-red-800: #632d4a;
--color-powder-red-900: #461e34;
--color-powder-red-950: #2d0e1f;
}SCSS
$powder-red: #95396a;
$powder-red-rgb: 149, 57, 106;
$powder-red-light: mix(#fff, $powder-red, 20%);
$powder-red-dark: mix(#000, $powder-red, 20%);
.element {
color: $powder-red;
box-shadow: 0 0 0 2px rgba($powder-red, 0.35);
}