Màu có tên · #473854
Purple Plumeria
Purple Plumeria là #473854: rgb(71 56 84), hsl(272 20% 27%), oklch(0.369 0.051 308.5). 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.
What does Purple mean? → · Purple Plumeria color name →
#473854
oklch(0.369 0.051 308.5)
Chuyển đổi màu
- HEX
- #473854
- RGB
- rgb(71 56 84)
- HSL
- hsl(272 20% 27%)
- HWB
- hwb(272 22% 67%)
- OKLCH
- oklch(0.369 0.051 308.5)
- OKLab
- oklab(0.369 0.032 -0.04)
- CIE Lab
- lab(26.08 11.53 -14.49)
- LCH
- lch(26.08 18.52 308.5)
- CMYK
- cmyk(15% 33% 0% 67%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 574A64
- 685C74
- 7A6F84
- 8C8295
- 9E96A6
- B1AAB7
- C4BFC9
- D7D4DB
- EBE9ED
Sắc đậm
- 3D2F48
- 32273C
- 281F31
- 1F1726
- 160F1B
- 0D0811
- 060408
- 020102
- 000000
Sắc xám
- 4C3F58
- 52465D
- 584D61
- 5D5466
- 635B6A
- 69626E
- 6E6A73
- 747177
- 7A787C
Hòa sắc
Bổ túc +180°
- 473854
Purple Plumeria
- 374527
≈ Palm Leaf
Tương đồng -30° +30°
- 473854
Purple Plumeria
- 393D5A
≈ Mangosteen
- 513548
≈ Velvet Touch
Bộ ba +120° +240°
- 473854
Purple Plumeria
- 513A21
≈ Witch’s Cottage
- 194845
≈ Prestige Green
Bổ túc chia +150° +210°
- 473854
Purple Plumeria
- 46401F
≈ Madras
- 264835
≈ Wine Bottle Green
Bộ bốn +90° +180° +270°
- 473854
Purple Plumeria
- 57362B
≈ Terra Brun
- 374527
≈ Palm Leaf
- 1B4651
≈ Moscow Midnight
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.70:1 · APCA Lc 95
Ag
FailTrên nền đen
WCAG 1.96:1 · APCA Lc 8
Màu chữ tốt nhất: #FFFFFF
WCAG 10.70:1 (AAA) · APCA Lc 95
Contrast pairs
Đoạn mã
CSS
:root {
--purple-plumeria: #473854;
--purple-plumeria-rgb: 71 56 84;
--purple-plumeria-oklch: oklch(0.369 0.051 308.5);
}
.element {
color: var(--purple-plumeria);
background-color: hsl(272 20% 27%);
border-color: oklch(0.369 0.051 308.5);
}Tailwind CSS v4
@theme {
--color-purple-plumeria: #473854;
--color-purple-plumeria-50: #faf1ff;
--color-purple-plumeria-100: #ede3f5;
--color-purple-plumeria-200: #dbcfe5;
--color-purple-plumeria-300: #c0b1cb;
--color-purple-plumeria-400: #a797b6;
--color-purple-plumeria-500: #907da0;
--color-purple-plumeria-600: #7a6a87;
--color-purple-plumeria-700: #61556d;
--color-purple-plumeria-800: #473e50;
--color-purple-plumeria-900: #312b38;
--color-purple-plumeria-950: #1d1823;
}SCSS
$purple-plumeria: #473854;
$purple-plumeria-rgb: 71, 56, 84;
$purple-plumeria-light: mix(#fff, $purple-plumeria, 20%);
$purple-plumeria-dark: mix(#000, $purple-plumeria, 20%);
.element {
color: $purple-plumeria;
box-shadow: 0 0 0 2px rgba($purple-plumeria, 0.35);
}