Màu có tên gần nhất · #87335D
#87335D
Màu có tên gần nhất: Pleasure
#87335D (rgb(135 51 93), hsl(330 45% 36%), oklch(0.453 0.124 352.1)) gần nhất với màu có tên Pleasure. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#87335D
oklch(0.453 0.124 352.1)
Chuyển đổi màu
- HEX
- #87335d
- RGB
- rgb(135 51 93)
- HSL
- hsl(330 45% 36%)
- HWB
- hwb(330 20% 47%)
- OKLCH
- oklch(0.453 0.124 352.1)
- OKLab
- oklab(0.453 0.123 -0.017)
- CIE Lab
- lab(34.86 39.81 -5.98)
- LCH
- lch(34.86 40.25 351.5)
- CMYK
- cmyk(0% 62% 31% 47%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 94486C
- A15B7B
- AE6F8B
- BA839A
- C697AA
- D2ABBB
- DEC0CC
- E9D5DC
- F4EAEE
Sắc đậm
- 752B50
- 632343
- 511C37
- 41142A
- 310D1F
- 210714
- 13030A
- 060103
- 010000
Sắc xám
- 873C60
- 884564
- 884D67
- 88546B
- 875C6E
- 866372
- 856B75
- 847279
- 82797C
Hòa sắc
Bổ túc +180°
- 87335D
Pleasure
- 006550
≈ Piney Lake
Tương đồng -30° +30°
- 87335D
Pleasure
- 753A7E
≈ Maximum Purple
- 8E3335
≈ Sizzling Bacon
Bộ ba +120° +240°
- 87335D
Pleasure
- 585B00
≈ Greensboro
- 005E80
≈ Back of Beyond
Bổ túc chia +150° +210°
- 87335D
Pleasure
- 24661F
≈ Paradise Palms
- 006268
≈ Turkish Aqua
Bộ bốn +90° +180° +270°
- 87335D
Pleasure
- 705000
≈ Lucky Brown
- 006550
≈ Piney Lake
- 2E539A
≈ Blue Sail
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.88:1 · APCA Lc 87
Ag
FailTrên nền đen
WCAG 2.66:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 7.88:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
CSS
:root {
--pleasure: #87335d;
--pleasure-rgb: 135 51 93;
--pleasure-oklch: oklch(0.453 0.124 352.1);
}
.element {
color: var(--pleasure);
background-color: hsl(330 45% 36%);
border-color: oklch(0.453 0.124 352.1);
}Tailwind CSS v4
@theme {
--color-pleasure: #87335d;
--color-pleasure-50: #ffe7f7;
--color-pleasure-100: #ffd7eb;
--color-pleasure-200: #ffbfd8;
--color-pleasure-300: #ea9dbc;
--color-pleasure-400: #d67ea6;
--color-pleasure-500: #c2608f;
--color-pleasure-600: #a45279;
--color-pleasure-700: #844160;
--color-pleasure-800: #612f48;
--color-pleasure-900: #442032;
--color-pleasure-950: #2c0f1e;
}SCSS
$pleasure: #87335d;
$pleasure-rgb: 135, 51, 93;
$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);
}