Màu có tên · #C19AA5
Artichoke Mauve
Artichoke Mauve là #C19AA5: rgb(193 154 165), hsl(343 24% 68%), oklch(0.725 0.049 359.6). 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? → · Artichoke Mauve color name →
#C19AA5
oklch(0.725 0.049 359.6)
Chuyển đổi màu
- HEX
- #c19aa5
- RGB
- rgb(193 154 165)
- HSL
- hsl(343 24% 68%)
- HWB
- hwb(343 60% 24%)
- OKLCH
- oklch(0.725 0.049 359.6)
- OKLab
- oklab(0.725 0.049 0)
- CIE Lab
- lab(67.51 16.28 0.06)
- LCH
- lch(67.51 16.28 0.2)
- CMYK
- cmyk(0% 20% 15% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C7A4AE
- CEAEB6
- D4B8BF
- DAC2C8
- E0CCD1
- E7D6DA
- EDE0E3
- F3EAEC
- F9F5F6
Sắc đậm
- A7858F
- 8F7179
- 775E65
- 5F4B51
- 49393D
- 34272B
- 20171A
- 0E090A
- 020101
Sắc xám
- BA97A1
- B4959D
- AD929A
- A79096
- A08D92
- 9A8A8F
- 93888B
- 8D8587
- 868384
Hòa sắc
Bổ túc +180°
- C19AA5
Artichoke Mauve
- 85B1A7
≈ Silicate Green
Tương đồng -30° +30°
- C19AA5
Artichoke Mauve
- B89CB5
≈ Pastel Purple
- C39B95
≈ Fall Canyon
Bộ ba +120° +240°
- C19AA5
Artichoke Mauve
- A2AB89
≈ Cucumber Crush
- 8BABC2
≈ Colorado Springs
Bổ túc chia +150° +210°
- C19AA5
Artichoke Mauve
- 91AF96
≈ Holly Fern
- 83AFB7
≈ Sebastian Inlet
Bộ bốn +90° +180° +270°
- C19AA5
Artichoke Mauve
- B2A584
≈ Karma
- 85B1A7
≈ Silicate Green
- 9AA5C6
≈ Wild Phlox
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.49:1 · APCA Lc 49
Ag
AAATrên nền đen
WCAG 8.43:1 · APCA Lc 53
Màu chữ tốt nhất: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Đoạn mã
CSS
:root {
--artichoke-mauve: #c19aa5;
--artichoke-mauve-rgb: 193 154 165;
--artichoke-mauve-oklch: oklch(0.725 0.049 359.6);
}
.element {
color: var(--artichoke-mauve);
background-color: hsl(343 24% 68%);
border-color: oklch(0.725 0.049 359.6);
}Tailwind CSS v4
@theme {
--color-artichoke-mauve: #c19aa5;
--color-artichoke-mauve-50: #fff0f4;
--color-artichoke-mauve-100: #f7e2e7;
--color-artichoke-mauve-200: #e7ccd3;
--color-artichoke-mauve-300: #ceaeb5;
--color-artichoke-mauve-400: #b8939d;
--color-artichoke-mauve-500: #a27985;
--color-artichoke-mauve-600: #896771;
--color-artichoke-mauve-700: #6e525a;
--color-artichoke-mauve-800: #513b42;
--color-artichoke-mauve-900: #38292e;
--color-artichoke-mauve-950: #23171b;
}SCSS
$artichoke-mauve: #c19aa5;
$artichoke-mauve-rgb: 193, 154, 165;
$artichoke-mauve-light: mix(#fff, $artichoke-mauve, 20%);
$artichoke-mauve-dark: mix(#000, $artichoke-mauve, 20%);
.element {
color: $artichoke-mauve;
box-shadow: 0 0 0 2px rgba($artichoke-mauve, 0.35);
}