이름 색상 · #CCC1DA
Awesome Aura
Awesome Aura은(는) #CCC1DA: rgb(204 193 218), hsl(266 25% 81%), oklch(0.828 0.036 305.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Awesome Aura color name →
#CCC1DA
oklch(0.828 0.036 305.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D1C7DE
- D6CDE1
- DBD3E5
- E0D9E9
- E5E0ED
- EAE6F0
- EFECF4
- F5F2F8
- FAF9FB
셰이드
- B1A7BD
- 978FA2
- 7E7787
- 655F6C
- 4E4954
- 37343C
- 222025
- 0F0E11
- 020202
톤
- C4BAD1
- BCB4C7
- B5ADBE
- ADA6B5
- A5A0AC
- 9E99A3
- 96939A
- 8F8D91
- 878689
색 조화
보색 +180°
- CCC1DA
Awesome Aura
- C1CBB2
≈ Green Dragon Spring
유사색 -30° +30°
- CCC1DA
Awesome Aura
- BFC5DF
≈ Violet Scent Soft Blue
- D6BED0
≈ Pale Petals
삼각 배색 +120° +240°
- CCC1DA
Awesome Aura
- D8C2AE
≈ Artisan Tea
- ADCFCA
≈ Cassiopeia
분열 보색 +150° +210°
- CCC1DA
Awesome Aura
- CEC7AD
≈ Wild Hillside
- B5CEBD
≈ Gossamer Green
사각 배색 +90° +180° +270°
- CCC1DA
Awesome Aura
- DDBFB7
≈ Peach Blush
- C1CBB2
≈ Green Dragon Spring
- ADCDD6
≈ Hisoku Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.72:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.20:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.20:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
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);
}