Adlandırılmış renk · #D39ED2
Velvet Horizon
Velvet Horizon, #D39ED2: rgb(211 158 210), hsl(301 38% 72%), oklch(0.766 0.093 327.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Velvet Horizon color name →
#D39ED2
oklch(0.766 0.093 327.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8A8D7
- DCB1DB
- E1BBE0
- E5C5E4
- EACEE9
- EED8ED
- F2E2F2
- F7EBF6
- FBF5FB
Koyu tonlar
- B789B6
- 9C749B
- 826081
- 694D68
- 513A50
- 3A2939
- 241824
- 100910
- 020102
Gri tonlar
- CB9BCA
- C298C1
- BA95B9
- B292B1
- A98FA8
- A18CA0
- 998998
- 908690
- 888388
Renk uyumları
Tamamlayıcı +180°
- D39ED2
Velvet Horizon
- 8BC390
≈ Country Weekend
Analog -30° +30°
- D39ED2
Velvet Horizon
- B9A7E7
≈ Enchanted Lavender
- E49AB4
≈ Usu Koubai Blossom
Üçlü +120° +240°
- D39ED2
Velvet Horizon
- CCAF6B
≈ Putty
- 62C4D1
≈ Arctic Ocean
Bölünmüş tamamlayıcı +150° +210°
- D39ED2
Velvet Horizon
- AEBB75
≈ Green Curry
- 6BC7B2
≈ Shockwave
Dörtlü +90° +180° +270°
- D39ED2
Velvet Horizon
- E1A477
≈ Peach Ice Cream
- 8BC390
≈ Country Weekend
- 77BCE7
≈ Costa Rica Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.18:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.59:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.59:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
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);
}