Màu có tên gần nhất · #C383D2
#C383D2
Màu có tên gần nhất: Violaceous
#C383D2 (rgb(195 131 210), hsl(289 47% 67%), oklch(0.703 0.131 319.8)) 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.
#C383D2
oklch(0.703 0.131 319.8)
Chuyển đổi màu
- HEX
- #c383d2
- RGB
- rgb(195 131 210)
- HSL
- hsl(289 47% 67%)
- HWB
- hwb(289 51% 18%)
- OKLCH
- oklch(0.703 0.131 319.8)
- OKLab
- oklab(0.703 0.1 -0.085)
- CIE Lab
- lab(63.61 35.16 -30.84)
- LCH
- lch(63.61 46.77 318.7)
- CMYK
- cmyk(7% 38% 0% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C98FD7
- D09CDC
- D6A8E0
- DCB5E5
- E2C1E9
- E8CDEE
- EEDAF2
- F4E6F7
- F9F3FB
Sắc đậm
- A971B6
- 90609B
- 784F81
- 603F68
- 4A2F50
- 342039
- 201224
- 0E0610
- 020102
Sắc xám
- BC83CA
- B683C2
- AF83B9
- A883B1
- A283A9
- 9B82A1
- 948299
- 8E8190
- 878188
Hòa sắc
Bổ túc +180°
- C383D2
Violaceous
- 71B362
≈ Palm Tree
Tương đồng -30° +30°
- C383D2
Violaceous
- 9E90EB
≈ Perrywinkle
- DB7BAB
≈ Pinking. Fast and Slow
Bộ ba +120° +240°
- C383D2
Violaceous
- CA952B
≈ Tawny Olive
- 00B5BC
≈ Cyan Sky
Bổ túc chia +150° +210°
- C383D2
Violaceous
- A5A636
≈ Mikado Green
- 25B992
≈ Mountain Meadow
Bộ bốn +90° +180° +270°
- C383D2
Violaceous
- E0854F
≈ Schnipo
- 71B362
≈ Palm Tree
- 25ADE1
≈ Royal Peacock
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: #c383d2;
--violaceous-rgb: 195 131 210;
--violaceous-oklch: oklch(0.703 0.131 319.8);
}
.element {
color: var(--violaceous);
background-color: hsl(289 47% 67%);
border-color: oklch(0.703 0.131 319.8);
}Tailwind CSS v4
@theme {
--color-violaceous: #c383d2;
--color-violaceous-50: #ffe9ff;
--color-violaceous-100: #fddaff;
--color-violaceous-200: #efc2f6;
--color-violaceous-300: #d7a1e0;
--color-violaceous-400: #c084cf;
--color-violaceous-500: #ac66bc;
--color-violaceous-600: #91579f;
--color-violaceous-700: #74457f;
--color-violaceous-800: #553260;
--color-violaceous-900: #3b2243;
--color-violaceous-950: #25112b;
}SCSS
$violaceous: #c383d2;
$violaceous-rgb: 195, 131, 210;
$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);
}