Màu có tên · #C20078
Purple Anxiety
Purple Anxiety là #C20078: rgb(194 0 120), hsl(323 100% 38%), oklch(0.534 0.221 352.9). 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 Red mean? → · Purple Anxiety color name →
#C20078
oklch(0.534 0.221 352.9)
Chuyển đổi màu
- HEX
- #c20078
- RGB
- rgb(194 0 120)
- HSL
- hsl(323 100% 38%)
- HWB
- hwb(323 0% 24%)
- OKLCH
- oklch(0.534 0.221 352.9)
- OKLab
- oklab(0.534 0.219 -0.027)
- CIE Lab
- lab(42.98 69.69 -9.47)
- LCH
- lch(42.98 70.33 352.3)
- CMYK
- cmyk(0% 100% 38% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CB3585
- D45192
- DC699F
- E380AC
- EA95B9
- F0ABC7
- F5C0D5
- F9D5E3
- FCEAF1
Sắc đậm
- A80067
- 8F0057
- 770048
- 600039
- 49002A
- 34001D
- 200010
- 0E0005
- 020001
Sắc xám
- BD2579
- B8377A
- B3447B
- AD4F7B
- A7597C
- A1627D
- 9A6A7E
- 92727F
- 89797F
Hòa sắc
Bổ túc +180°
- C20078
Purple Anxiety
- 008067
≈ Generic Viridian
Tương đồng -30° +30°
- C20078
Purple Anxiety
- A529B4
≈ Pink Spyro
- CC002A
≈ Rare Rhubarb
Bộ ba +120° +240°
- C20078
Purple Anxiety
- 6E7300
≈ Spinach Soup
- 0076A2
≈ Summer Lake
Bổ túc chia +150° +210°
- C20078
Purple Anxiety
- 008508
≈ Lucky Clover
- 007C84
≈ Cote D’Azur
Bộ bốn +90° +180° +270°
- C20078
Purple Anxiety
- 8C6600
≈ Alligator
- 008067
≈ Generic Viridian
- 1E5EEA
≈ Azul
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.89:1 · APCA Lc 77
Ag
FailTrên nền đen
WCAG 3.56:1 · APCA Lc 25
Màu chữ tốt nhất: #FFFFFF
WCAG 5.89:1 (AA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--purple-anxiety: #c20078;
--purple-anxiety-rgb: 194 0 120;
--purple-anxiety-oklch: oklch(0.534 0.221 352.9);
}
.element {
color: var(--purple-anxiety);
background-color: hsl(323 100% 38%);
border-color: oklch(0.534 0.221 352.9);
}Tailwind CSS v4
@theme {
--color-purple-anxiety: #c20078;
--color-purple-anxiety-50: #ffdbf8;
--color-purple-anxiety-100: #ffc9ec;
--color-purple-anxiety-200: #ffabd9;
--color-purple-anxiety-300: #ff82bd;
--color-purple-anxiety-400: #fa59aa;
--color-purple-anxiety-500: #e81f93;
--color-purple-anxiety-600: #c41f7c;
--color-purple-anxiety-700: #9e1a63;
--color-purple-anxiety-800: #75114c;
--color-purple-anxiety-900: #530b35;
--color-purple-anxiety-950: #370020;
}SCSS
$purple-anxiety: #c20078;
$purple-anxiety-rgb: 194, 0, 120;
$purple-anxiety-light: mix(#fff, $purple-anxiety, 20%);
$purple-anxiety-dark: mix(#000, $purple-anxiety, 20%);
.element {
color: $purple-anxiety;
box-shadow: 0 0 0 2px rgba($purple-anxiety, 0.35);
}