Màu có tên gần nhất · #C46195
#C46195
Màu có tên gần nhất: Llilacquered
#C46195 (rgb(196 97 149), hsl(328 46% 57%), oklch(0.626 0.14 349.1)) gần nhất với màu có tên Llilacquered. 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.
#C46195
oklch(0.626 0.14 349.1)
Chuyển đổi màu
- HEX
- #c46195
- RGB
- rgb(196 97 149)
- HSL
- hsl(328 46% 57%)
- HWB
- hwb(328 38% 23%)
- OKLCH
- oklch(0.626 0.14 349.1)
- OKLab
- oklab(0.626 0.137 -0.026)
- CIE Lab
- lab(54.73 44.76 -9.43)
- LCH
- lch(54.73 45.74 348.1)
- CMYK
- cmyk(0% 51% 24% 23%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CB719F
- D281A9
- D991B4
- DFA0BE
- E5B0C9
- EBC0D4
- F1CFDE
- F6DFE9
- FBEFF4
Sắc đậm
- AA5381
- 91466D
- 78395A
- 612D48
- 4A2137
- 351526
- 210B16
- 0E0308
- 020001
Sắc xám
- BE6593
- B86991
- B16C8F
- AB708D
- A4738B
- 9E7688
- 977986
- 8F7B84
- 887E82
Hòa sắc
Bổ túc +180°
- C46195
Llilacquered
- 00A07B
≈ Sport Green
Tương đồng -30° +30°
- C46195
Llilacquered
- AC6ABD
≈ Soft Purple
- CE6066
≈ Desert Rose
Bộ ba +120° +240°
- C46195
Llilacquered
- 8F8E00
≈ Old Asparagus
- 0095C3
≈ Surf Rider
Bổ túc chia +150° +210°
- C46195
Llilacquered
- 589B45
≈ Calm Balm
- 009BA0
≈ Riviera Paradise
Bộ bốn +90° +180° +270°
- C46195
Llilacquered
- B17D00
≈ Golden Brown
- 00A07B
≈ Sport Green
- 5287DB
≈ Blue Jay
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.82:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.49:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--llilacquered: #c46195;
--llilacquered-rgb: 196 97 149;
--llilacquered-oklch: oklch(0.626 0.14 349.1);
}
.element {
color: var(--llilacquered);
background-color: hsl(328 46% 57%);
border-color: oklch(0.626 0.14 349.1);
}Tailwind CSS v4
@theme {
--color-llilacquered: #c46195;
--color-llilacquered-50: #ffe6fa;
--color-llilacquered-100: #ffd5ed;
--color-llilacquered-200: #ffbcdb;
--color-llilacquered-300: #ee99c0;
--color-llilacquered-400: #da7aab;
--color-llilacquered-500: #c75a94;
--color-llilacquered-600: #a84d7e;
--color-llilacquered-700: #873d64;
--color-llilacquered-800: #642c4b;
--color-llilacquered-900: #461e34;
--color-llilacquered-950: #2d0d20;
}SCSS
$llilacquered: #c46195;
$llilacquered-rgb: 196, 97, 149;
$llilacquered-light: mix(#fff, $llilacquered, 20%);
$llilacquered-dark: mix(#000, $llilacquered, 20%);
.element {
color: $llilacquered;
box-shadow: 0 0 0 2px rgba($llilacquered, 0.35);
}