이름 색상 · #CC99FF
Lilás
Lilás은(는) #CC99FF: rgb(204 153 255), hsl(270 100% 80%), oklch(0.769 0.15 306.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Lilás color name →
#CC99FF
oklch(0.769 0.15 306.2)
색상 변환
- HEX
- #cc99ff
- RGB
- rgb(204 153 255)
- HSL
- hsl(270 100% 80%)
- HWB
- hwb(270 60% 0%)
- OKLCH
- oklch(0.769 0.15 306.2)
- OKLab
- oklab(0.769 0.089 -0.121)
- CIE Lab
- lab(71.1 33.9 -43.86)
- LCH
- lch(71.1 55.43 307.7)
- CMYK
- cmyk(20% 40% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- D1A4FF
- D6AEFF
- DBB8FF
- E0C3FF
- E5CDFF
- EAD7FF
- EFE1FF
- F5EBFF
- FAF5FF
셰이드
- B184DE
- 9770BE
- 7E5D9E
- 654A80
- 4E3863
- 372748
- 22172E
- 0F0816
- 020103
톤
- C497F2
- BC95E5
- B593D8
- AD90CC
- A58EBF
- 9E8BB2
- 9689A6
- 8F8699
- 87838D
색 조화
보색 +180°
- CC99FF
Lilás
- 9CC552
≈ Pesto Genovese
유사색 -30° +30°
- CC99FF
Lilás
- A0ADFF
≈ Widowmaker
- EF8DD8
≈ Bubblegum Kisses
삼각 배색 +120° +240°
분열 보색 +150° +210°
- CC99FF
Lilás
- D0B323
≈ Mustard
- 52D08B
≈ Spring Bouquet
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.19:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.56:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.56:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--lilas: #cc99ff;
--lilas-rgb: 204 153 255;
--lilas-oklch: oklch(0.769 0.15 306.2);
}
.element {
color: var(--lilas);
background-color: hsl(270 100% 80%);
border-color: oklch(0.769 0.15 306.2);
}Tailwind CSS v4
@theme {
--color-lilas: #cc99ff;
--color-lilas-50: #ffeaff;
--color-lilas-100: #f6dbff;
--color-lilas-200: #e6c3ff;
--color-lilas-300: #cda2f2;
--color-lilas-400: #b585e4;
--color-lilas-500: #9f67d3;
--color-lilas-600: #8758b2;
--color-lilas-700: #6c468f;
--color-lilas-800: #4e336c;
--color-lilas-900: #36234c;
--color-lilas-950: #211132;
}SCSS
$lilas: #cc99ff;
$lilas-rgb: 204, 153, 255;
$lilas-light: mix(#fff, $lilas, 20%);
$lilas-dark: mix(#000, $lilas, 20%);
.element {
color: $lilas;
box-shadow: 0 0 0 2px rgba($lilas, 0.35);
}