Benannte Farbe · #80385C
Pleasure
Pleasure ist #80385C: rgb(128 56 92), hsl(330 39% 36%), oklch(0.448 0.108 351.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Pleasure color name →
#80385C
oklch(0.448 0.108 351.1)
Farbumrechnungen
- HEX
- #80385c
- RGB
- rgb(128 56 92)
- HSL
- hsl(330 39% 36%)
- HWB
- hwb(330 22% 50%)
- OKLCH
- oklch(0.448 0.108 351.1)
- OKLab
- oklab(0.448 0.107 -0.017)
- CIE Lab
- lab(34.57 34.84 -5.92)
- LCH
- lch(34.57 35.34 350.4)
- CMYK
- cmyk(0% 56% 28% 50%)
Tints · Shades · Tones
Tints
- 8E4B6B
- 9B5E7A
- A8718A
- B5859A
- C298AA
- CEACBA
- DAC1CB
- E7D5DC
- F3EAED
Shades
- 6E2F4F
- 5D2742
- 4D1F36
- 3D172A
- 2E0F1F
- 1F0814
- 12040A
- 060103
- 010000
Tones
- 814060
- 824863
- 824F67
- 83566A
- 835D6E
- 836471
- 836B75
- 827279
- 81797C
Farbharmonien
Komplementär +180°
- 80385C
Pleasure
- 00644E
≈ Green Paw Paw
Analog -30° +30°
- 80385C
Pleasure
- 703E79
≈ Eminence
- 87383A
≈ Ruby Wine
Triadisch +120° +240°
- 80385C
Pleasure
- 585900
≈ Greensboro
- 005D7E
≈ Back of Beyond
Geteilt komplementär +150° +210°
- 80385C
Pleasure
- 2E6326
≈ Gameboy Shade
- 006166
≈ Beau Vert
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.96:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.63:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--pleasure: #80385c;
--pleasure-rgb: 128 56 92;
--pleasure-oklch: oklch(0.448 0.108 351.1);
}
.element {
color: var(--pleasure);
background-color: hsl(330 39% 36%);
border-color: oklch(0.448 0.108 351.1);
}Tailwind CSS v4
@theme {
--color-pleasure: #80385c;
--color-pleasure-50: #ffe9f8;
--color-pleasure-100: #ffdaeb;
--color-pleasure-200: #fac2d8;
--color-pleasure-300: #e4a1bc;
--color-pleasure-400: #cf83a6;
--color-pleasure-500: #bb668f;
--color-pleasure-600: #9e5779;
--color-pleasure-700: #7f4561;
--color-pleasure-800: #5e3248;
--color-pleasure-900: #422232;
--color-pleasure-950: #2a111e;
}SCSS
$pleasure: #80385c;
$pleasure-rgb: 128, 56, 92;
$pleasure-light: mix(#fff, $pleasure, 20%);
$pleasure-dark: mix(#000, $pleasure, 20%);
.element {
color: $pleasure;
box-shadow: 0 0 0 2px rgba($pleasure, 0.35);
}