لون مسمّى · #80385C
Pleasure
Pleasure هو #80385C: rgb(128 56 92)، hsl(330 39% 36%)، oklch(0.448 0.108 351.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Pleasure color name →
#80385C
oklch(0.448 0.108 351.1)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8E4B6B
- 9B5E7A
- A8718A
- B5859A
- C298AA
- CEACBA
- DAC1CB
- E7D5DC
- F3EAED
درجات داكنة
- 6E2F4F
- 5D2742
- 4D1F36
- 3D172A
- 2E0F1F
- 1F0814
- 12040A
- 060103
- 010000
درجات رمادية
- 814060
- 824863
- 824F67
- 83566A
- 835D6E
- 836471
- 836B75
- 827279
- 81797C
تناسق الألوان
متمم +180°
- 80385C
Pleasure
- 00644E
≈ Green Paw Paw
متجاور -30° +30°
- 80385C
Pleasure
- 703E79
≈ Eminence
- 87383A
≈ Ruby Wine
ثلاثي +120° +240°
- 80385C
Pleasure
- 585900
≈ Greensboro
- 005D7E
≈ Back of Beyond
متمم منقسم +150° +210°
- 80385C
Pleasure
- 2E6326
≈ Gameboy Shade
- 006166
≈ Beau Vert
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.96:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.63:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
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);
}