Adlandırılmış renk · #CCC1DA
Awesome Aura
Awesome Aura, #CCC1DA: rgb(204 193 218), hsl(266 25% 81%), oklch(0.828 0.036 305.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Awesome Aura color name →
#CCC1DA
oklch(0.828 0.036 305.4)
Renk dönüşümleri
- HEX
- #ccc1da
- RGB
- rgb(204 193 218)
- HSL
- hsl(266 25% 81%)
- HWB
- hwb(266 76% 15%)
- OKLCH
- oklch(0.828 0.036 305.4)
- OKLab
- oklab(0.828 0.021 -0.03)
- CIE Lab
- lab(79.57 7.46 -11.08)
- LCH
- lch(79.57 13.36 304)
- CMYK
- cmyk(6% 11% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D1C7DE
- D6CDE1
- DBD3E5
- E0D9E9
- E5E0ED
- EAE6F0
- EFECF4
- F5F2F8
- FAF9FB
Koyu tonlar
- B1A7BD
- 978FA2
- 7E7787
- 655F6C
- 4E4954
- 37343C
- 222025
- 0F0E11
- 020202
Gri tonlar
- C4BAD1
- BCB4C7
- B5ADBE
- ADA6B5
- A5A0AC
- 9E99A3
- 96939A
- 8F8D91
- 878689
Renk uyumları
Tamamlayıcı +180°
- CCC1DA
Awesome Aura
- C1CBB2
≈ Green Dragon Spring
Analog -30° +30°
- CCC1DA
Awesome Aura
- BFC5DF
≈ Violet Scent Soft Blue
- D6BED0
≈ Pale Petals
Üçlü +120° +240°
- CCC1DA
Awesome Aura
- D8C2AE
≈ Artisan Tea
- ADCFCA
≈ Cassiopeia
Bölünmüş tamamlayıcı +150° +210°
- CCC1DA
Awesome Aura
- CEC7AD
≈ Wild Hillside
- B5CEBD
≈ Gossamer Green
Dörtlü +90° +180° +270°
- CCC1DA
Awesome Aura
- DDBFB7
≈ Peach Blush
- C1CBB2
≈ Green Dragon Spring
- ADCDD6
≈ Hisoku Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.20:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.20:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--awesome-aura: #ccc1da;
--awesome-aura-rgb: 204 193 218;
--awesome-aura-oklch: oklch(0.828 0.036 305.4);
}
.element {
color: var(--awesome-aura);
background-color: hsl(266 25% 81%);
border-color: oklch(0.828 0.036 305.4);
}Tailwind CSS v4
@theme {
--color-awesome-aura: #ccc1da;
--color-awesome-aura-50: #f8f3fe;
--color-awesome-aura-100: #ebe5f2;
--color-awesome-aura-200: #d8d0e1;
--color-awesome-aura-300: #bcb3c6;
--color-awesome-aura-400: #a399b0;
--color-awesome-aura-500: #8c809a;
--color-awesome-aura-600: #766d82;
--color-awesome-aura-700: #5f5768;
--color-awesome-aura-800: #453f4d;
--color-awesome-aura-900: #302c35;
--color-awesome-aura-950: #1c1921;
}SCSS
$awesome-aura: #ccc1da;
$awesome-aura-rgb: 204, 193, 218;
$awesome-aura-light: mix(#fff, $awesome-aura, 20%);
$awesome-aura-dark: mix(#000, $awesome-aura, 20%);
.element {
color: $awesome-aura;
box-shadow: 0 0 0 2px rgba($awesome-aura, 0.35);
}