Màu có tên gần nhất · #C982C6
#C982C6
Màu có tên gần nhất: Violaceous
#C982C6 (rgb(201 130 198), hsl(303 40% 65%), oklch(0.702 0.125 328.3)) gần nhất với màu có tên Violaceous. 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.
#C982C6
oklch(0.702 0.125 328.3)
Chuyển đổi màu
- HEX
- #c982c6
- RGB
- rgb(201 130 198)
- HSL
- hsl(303 40% 65%)
- HWB
- hwb(303 51% 21%)
- OKLCH
- oklch(0.702 0.125 328.3)
- OKLab
- oklab(0.702 0.106 -0.066)
- CIE Lab
- lab(63.69 35.96 -23.93)
- LCH
- lch(63.69 43.2 326.4)
- CMYK
- cmyk(0% 35% 1% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CF8FCC
- D59BD2
- DAA7D7
- E0B4DD
- E5C0E3
- EBCDE9
- F0D9EE
- F5E6F4
- FAF2F9
Sắc đậm
- AE70AC
- 955F92
- 7C4E7A
- 643E62
- 4C2F4B
- 362035
- 221221
- 0F060E
- 020102
Sắc xám
- C282BF
- BB82B8
- B383B1
- AC82AA
- A582A3
- 9E829C
- 968295
- 8F818E
- 888187
Hòa sắc
Bổ túc +180°
- C982C6
Violaceous
- 64B472
≈ Forest Fern
Tương đồng -30° +30°
- C982C6
Violaceous
- A98DE2
≈ Middy’s Purple
- DD7C9E
≈ Pinking. Fast and Slow
Bộ ba +120° +240°
- C982C6
Violaceous
- BF9A34
≈ Gold Taffeta
- 00B3C7
≈ Antigua Blue
Bổ túc chia +150° +210°
- C982C6
Violaceous
- 98AA48
≈ Persian Belt
- 1BB8A0
≈ Aare River
Bộ bốn +90° +180° +270°
- C982C6
Violaceous
- D88A4A
≈ Serape
- 64B472
≈ Forest Fern
- 47A9E3
≈ High Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.80:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.49:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--violaceous: #c982c6;
--violaceous-rgb: 201 130 198;
--violaceous-oklch: oklch(0.702 0.125 328.3);
}
.element {
color: var(--violaceous);
background-color: hsl(303 40% 65%);
border-color: oklch(0.702 0.125 328.3);
}Tailwind CSS v4
@theme {
--color-violaceous: #c982c6;
--color-violaceous-50: #ffe9ff;
--color-violaceous-100: #ffdafc;
--color-violaceous-200: #f4c1ee;
--color-violaceous-300: #dca0d6;
--color-violaceous-400: #c683c3;
--color-violaceous-500: #b265af;
--color-violaceous-600: #965694;
--color-violaceous-700: #794577;
--color-violaceous-800: #583259;
--color-violaceous-900: #3e223e;
--color-violaceous-950: #271127;
}SCSS
$violaceous: #c982c6;
$violaceous-rgb: 201, 130, 198;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}