Màu có tên gần nhất · #C963CD
#C963CD
Màu có tên gần nhất: Lavendless
#C963CD (rgb(201 99 205), hsl(298 51% 60%), oklch(0.659 0.184 326)) gần nhất với màu có tên Lavendless. 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.
#C963CD
oklch(0.659 0.184 326)
Chuyển đổi màu
- HEX
- #c963cd
- RGB
- rgb(201 99 205)
- HSL
- hsl(298 51% 60%)
- HWB
- hwb(298 39% 20%)
- OKLCH
- oklch(0.659 0.184 326)
- OKLab
- oklab(0.659 0.152 -0.103)
- CIE Lab
- lab(57.69 52.14 -37.09)
- LCH
- lch(57.69 63.99 324.6)
- CMYK
- cmyk(2% 52% 0% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CF74D3
- D684D8
- DC94DD
- E1A3E2
- E7B3E7
- ECC2EC
- F1D1F1
- F6E0F6
- FBF0FB
Sắc đậm
- AE55B2
- 954798
- 7C3A7E
- 642E66
- 4C214E
- 361638
- 220B23
- 0F030F
- 020002
Sắc xám
- C267C5
- BB6CBE
- B46FB6
- AD72AF
- A675A7
- 9F789F
- 977A98
- 907C90
- 887E88
Hòa sắc
Bổ túc +180°
- C963CD
Lavendless
- 2BAE44
≈ Matt Green
Tương đồng -30° +30°
- C963CD
Lavendless
- 9E75F4
≈ Forgotten Purple
- E45896
≈ Tutuji Pink
Bộ ba +120° +240°
- C963CD
Lavendless
- B68B00
≈ Loden Yellow
- 00A5B4
≈ Garish Blue
Bổ túc chia +150° +210°
- C963CD
Lavendless
- 8E9C00
≈ Traffic Light Green
- 00AA8F
≈ Shindig
Bộ bốn +90° +180° +270°
- C963CD
Lavendless
- DA7200
≈ Gold Orange
- 2BAE44
≈ Matt Green
- 009DDC
≈ Atmosphere
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.41:1 · APCA Lc 61
Ag
AATrên nền đen
WCAG 6.14:1 · APCA Lc 41
Màu chữ tốt nhất: #000000
WCAG 6.14:1 (AA) · APCA Lc 41
Contrast pairs
Đoạn mã
CSS
:root {
--lavendless: #c963cd;
--lavendless-rgb: 201 99 205;
--lavendless-oklch: oklch(0.659 0.184 326);
}
.element {
color: var(--lavendless);
background-color: hsl(298 51% 60%);
border-color: oklch(0.659 0.184 326);
}Tailwind CSS v4
@theme {
--color-lavendless: #c963cd;
--color-lavendless-50: #ffe3ff;
--color-lavendless-100: #ffd3ff;
--color-lavendless-200: #ffb8fc;
--color-lavendless-300: #e994e7;
--color-lavendless-400: #d473d8;
--color-lavendless-500: #c14fc6;
--color-lavendless-600: #a344a7;
--color-lavendless-700: #833686;
--color-lavendless-800: #602765;
--color-lavendless-900: #431a47;
--color-lavendless-950: #2b0a2e;
}SCSS
$lavendless: #c963cd;
$lavendless-rgb: 201, 99, 205;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}