En yakın adlandırılmış renk · #AFA8CC
#AFA8CC
En yakın adlandırılmış renk: Pastel Lilac
#AFA8CC (rgb(175 168 204), hsl(252 26% 73%), oklch(0.749 0.052 294)) en çok Pastel Lilac 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.
#AFA8CC
oklch(0.749 0.052 294)
Renk dönüşümleri
- HEX
- #afa8cc
- RGB
- rgb(175 168 204)
- HSL
- hsl(252 26% 73%)
- HWB
- hwb(252 66% 20%)
- OKLCH
- oklch(0.749 0.052 294)
- OKLab
- oklab(0.749 0.021 -0.047)
- CIE Lab
- lab(70.36 7.99 -17.49)
- LCH
- lch(70.36 19.23 294.6)
- CMYK
- cmyk(14% 18% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B7B0D1
- BEB9D6
- C6C2DB
- CECAE1
- D6D3E6
- DEDCEB
- E6E4F0
- EEEDF5
- F7F6FA
Koyu tonlar
- 9892B1
- 817C97
- 6B677E
- 565265
- 413F4E
- 2E2C37
- 1C1A22
- 0B0A0F
- 010102
Gri tonlar
- AAA4C4
- A5A0BC
- A19CB5
- 9C98AD
- 9794A5
- 92909E
- 8E8C96
- 89888F
- 858487
Renk uyumları
Tamamlayıcı +180°
- AFA8CC
Pastel Lilac
- ADB28D
≈ Lint
Analog -30° +30°
- AFA8CC
Pastel Lilac
- 9DAECF
≈ Heartsong
- BFA3C1
≈ Novel Lilac
Üçlü +120° +240°
- AFA8CC
Pastel Lilac
- C9A68F
≈ Moenkopi Soil
- 8CB9AB
≈ Mild Evergreen
Bölünmüş tamamlayıcı +150° +210°
- AFA8CC
Pastel Lilac
- BDAC89
≈ Olive Gold
- 9BB799
≈ Brookview
Dörtlü +90° +180° +270°
- AFA8CC
Pastel Lilac
- CDA29E
≈ Sakura Mochi
- ADB28D
≈ Lint
- 87B8BD
≈ Coastal Fringe
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.25:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.29:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--pastel-lilac: #afa8cc;
--pastel-lilac-rgb: 175 168 204;
--pastel-lilac-oklch: oklch(0.749 0.052 294);
}
.element {
color: var(--pastel-lilac);
background-color: hsl(252 26% 73%);
border-color: oklch(0.749 0.052 294);
}Tailwind CSS v4
@theme {
--color-pastel-lilac: #afa8cc;
--color-pastel-lilac-50: #f6f2ff;
--color-pastel-lilac-100: #e9e5f8;
--color-pastel-lilac-200: #d6d0e8;
--color-pastel-lilac-300: #b9b3cf;
--color-pastel-lilac-400: #a099bb;
--color-pastel-lilac-500: #8880a6;
--color-pastel-lilac-600: #736c8c;
--color-pastel-lilac-700: #5c5770;
--color-pastel-lilac-800: #423f53;
--color-pastel-lilac-900: #2e2c3a;
--color-pastel-lilac-950: #1b1924;
}SCSS
$pastel-lilac: #afa8cc;
$pastel-lilac-rgb: 175, 168, 204;
$pastel-lilac-light: mix(#fff, $pastel-lilac, 20%);
$pastel-lilac-dark: mix(#000, $pastel-lilac, 20%);
.element {
color: $pastel-lilac;
box-shadow: 0 0 0 2px rgba($pastel-lilac, 0.35);
}