Màu có tên gần nhất · #CF9DD0
#CF9DD0
Màu có tên gần nhất: Velvet Horizon
#CF9DD0 (rgb(207 157 208), hsl(299 35% 72%), oklch(0.759 0.09 325.8)) gần nhất với màu có tên Velvet Horizon. 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.
#CF9DD0
oklch(0.759 0.09 325.8)
Chuyển đổi màu
- HEX
- #cf9dd0
- RGB
- rgb(207 157 208)
- HSL
- hsl(299 35% 72%)
- HWB
- hwb(299 62% 18%)
- OKLCH
- oklch(0.759 0.09 325.8)
- OKLab
- oklab(0.759 0.075 -0.051)
- CIE Lab
- lab(70.79 25.51 -18.69)
- LCH
- lch(70.79 31.62 323.8)
- CMYK
- cmyk(0% 25% 0% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D4A7D5
- D9B0DA
- DEBADE
- E3C4E3
- E8CEE8
- ECD7EC
- F1E1F1
- F6EBF6
- FAF5FA
Sắc đậm
- B488B5
- 99739A
- 7F5F80
- 674C67
- 4F3A4F
- 382839
- 231823
- 100910
- 020102
Sắc xám
- C79AC8
- BF97C0
- B795B8
- AF92AF
- A78FA7
- 9F8C9F
- 978998
- 908690
- 888388
Hòa sắc
Bổ túc +180°
- CF9DD0
Velvet Horizon
- 8CC18E
≈ Country Weekend
Tương đồng -30° +30°
- CF9DD0
Velvet Horizon
- B5A5E4
≈ Enchanted Lavender
- E099B3
≈ Peach Flower
Bộ ba +120° +240°
- CF9DD0
Velvet Horizon
- CBAD6C
≈ Putty
- 63C1CD
≈ Arctic Ocean
Bổ túc chia +150° +210°
- CF9DD0
Velvet Horizon
- AEB875
≈ Green Curry
- 6DC4AE
≈ Miami Teal
Bộ bốn +90° +180° +270°
- CF9DD0
Velvet Horizon
- DEA278
≈ Peach Ice Cream
- 8CC18E
≈ Country Weekend
- 76BAE3
≈ Costa Rica Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.23:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.38:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--velvet-horizon: #cf9dd0;
--velvet-horizon-rgb: 207 157 208;
--velvet-horizon-oklch: oklch(0.759 0.09 325.8);
}
.element {
color: var(--velvet-horizon);
background-color: hsl(299 35% 72%);
border-color: oklch(0.759 0.09 325.8);
}Tailwind CSS v4
@theme {
--color-velvet-horizon: #cf9dd0;
--color-velvet-horizon-50: #ffedff;
--color-velvet-horizon-100: #f9def8;
--color-velvet-horizon-200: #eac7e8;
--color-velvet-horizon-300: #d1a7cf;
--color-velvet-horizon-400: #ba8cbb;
--color-velvet-horizon-500: #a571a6;
--color-velvet-horizon-600: #8b608d;
--color-velvet-horizon-700: #704c71;
--color-velvet-horizon-800: #523754;
--color-velvet-horizon-900: #39263b;
--color-velvet-horizon-950: #231425;
}SCSS
$velvet-horizon: #cf9dd0;
$velvet-horizon-rgb: 207, 157, 208;
$velvet-horizon-light: mix(#fff, $velvet-horizon, 20%);
$velvet-horizon-dark: mix(#000, $velvet-horizon, 20%);
.element {
color: $velvet-horizon;
box-shadow: 0 0 0 2px rgba($velvet-horizon, 0.35);
}