Warna bernama · #D39ED2
Velvet Horizon
Velvet Horizon adalah #D39ED2: rgb(211 158 210), hsl(301 38% 72%), oklch(0.766 0.093 327.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Purple mean? → · Velvet Horizon color name →
#D39ED2
oklch(0.766 0.093 327.1)
Konversi warna
- HEX
- #d39ed2
- RGB
- rgb(211 158 210)
- HSL
- hsl(301 38% 72%)
- HWB
- hwb(301 62% 17%)
- OKLCH
- oklch(0.766 0.093 327.1)
- OKLab
- oklab(0.766 0.078 -0.051)
- CIE Lab
- lab(71.49 26.68 -18.67)
- LCH
- lch(71.49 32.56 325)
- CMYK
- cmyk(0% 25% 0% 17%)
Tint · Shade · Tone
Tint
- D8A8D7
- DCB1DB
- E1BBE0
- E5C5E4
- EACEE9
- EED8ED
- F2E2F2
- F7EBF6
- FBF5FB
Shade
- B789B6
- 9C749B
- 826081
- 694D68
- 513A50
- 3A2939
- 241824
- 100910
- 020102
Tone
- CB9BCA
- C298C1
- BA95B9
- B292B1
- A98FA8
- A18CA0
- 998998
- 908690
- 888388
Harmoni warna
Komplementer +180°
- D39ED2
Velvet Horizon
- 8BC390
≈ Country Weekend
Analog -30° +30°
- D39ED2
Velvet Horizon
- B9A7E7
≈ Enchanted Lavender
- E49AB4
≈ Usu Koubai Blossom
Triadik +120° +240°
- D39ED2
Velvet Horizon
- CCAF6B
≈ Putty
- 62C4D1
≈ Arctic Ocean
Split-komplementer +150° +210°
- D39ED2
Velvet Horizon
- AEBB75
≈ Green Curry
- 6BC7B2
≈ Shockwave
Tetradik +90° +180° +270°
- D39ED2
Velvet Horizon
- E1A477
≈ Peach Ice Cream
- 8BC390
≈ Country Weekend
- 77BCE7
≈ Costa Rica Blue
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.18:1 · APCA Lc 43
Ag
AAADi atas hitam
WCAG 9.59:1 · APCA Lc 59
Warna teks terbaik: #000000
WCAG 9.59:1 (AAA) · APCA Lc 59
Contrast pairs
Cuplikan kode
CSS
:root {
--velvet-horizon: #d39ed2;
--velvet-horizon-rgb: 211 158 210;
--velvet-horizon-oklch: oklch(0.766 0.093 327.1);
}
.element {
color: var(--velvet-horizon);
background-color: hsl(301 38% 72%);
border-color: oklch(0.766 0.093 327.1);
}Tailwind CSS v4
@theme {
--color-velvet-horizon: #d39ed2;
--color-velvet-horizon-50: #ffecff;
--color-velvet-horizon-100: #faddf7;
--color-velvet-horizon-200: #ecc7e8;
--color-velvet-horizon-300: #d3a7cf;
--color-velvet-horizon-400: #bc8bbb;
--color-velvet-horizon-500: #a76fa6;
--color-velvet-horizon-600: #8d5f8d;
--color-velvet-horizon-700: #714b71;
--color-velvet-horizon-800: #533754;
--color-velvet-horizon-900: #3a253b;
--color-velvet-horizon-950: #241425;
}SCSS
$velvet-horizon: #d39ed2;
$velvet-horizon-rgb: 211, 158, 210;
$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);
}