En yakın adlandırılmış renk · #CF9DD0
#CF9DD0
En yakın adlandırılmış renk: Velvet Horizon
#CF9DD0 (rgb(207 157 208), hsl(299 35% 72%), oklch(0.759 0.09 325.8)) en çok Velvet Horizon adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CF9DD0
oklch(0.759 0.09 325.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4A7D5
- D9B0DA
- DEBADE
- E3C4E3
- E8CEE8
- ECD7EC
- F1E1F1
- F6EBF6
- FAF5FA
Koyu tonlar
- B488B5
- 99739A
- 7F5F80
- 674C67
- 4F3A4F
- 382839
- 231823
- 100910
- 020102
Gri tonlar
- C79AC8
- BF97C0
- B795B8
- AF92AF
- A78FA7
- 9F8C9F
- 978998
- 908690
- 888388
Renk uyumları
Tamamlayıcı +180°
- CF9DD0
Velvet Horizon
- 8CC18E
≈ Country Weekend
Analog -30° +30°
- CF9DD0
Velvet Horizon
- B5A5E4
≈ Enchanted Lavender
- E099B3
≈ Peach Flower
Üçlü +120° +240°
- CF9DD0
Velvet Horizon
- CBAD6C
≈ Putty
- 63C1CD
≈ Arctic Ocean
Bölünmüş tamamlayıcı +150° +210°
- CF9DD0
Velvet Horizon
- AEB875
≈ Green Curry
- 6DC4AE
≈ Miami Teal
Dörtlü +90° +180° +270°
- CF9DD0
Velvet Horizon
- DEA278
≈ Peach Ice Cream
- 8CC18E
≈ Country Weekend
- 76BAE3
≈ Costa Rica Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.23:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.38:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
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);
}