이름 색상 · #C79FEF
Lavender Cream
Lavender Cream은(는) #C79FEF: rgb(199 159 239), hsl(270 71% 78%), oklch(0.768 0.119 306.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Lavender Cream color name →
#C79FEF
oklch(0.768 0.119 306.7)
색상 변환
- HEX
- #c79fef
- RGB
- rgb(199 159 239)
- HSL
- hsl(270 71% 78%)
- HWB
- hwb(270 62% 6%)
- OKLCH
- oklch(0.768 0.119 306.7)
- OKLab
- oklab(0.768 0.071 -0.095)
- CIE Lab
- lab(71.42 26.52 -34.75)
- LCH
- lch(71.42 43.72 307.3)
- CMYK
- cmyk(17% 33% 0% 6%)
틴트 · 셰이드 · 톤
틴트
- CCA9F1
- D2B2F3
- D8BCF5
- DDC6F7
- E3CFF8
- E8D9FA
- EEE2FB
- F4ECFD
- F9F5FE
셰이드
- AD8AD0
- 9375B1
- 7A6194
- 624D78
- 4C3B5C
- 362942
- 21182A
- 0E0914
- 020103
톤
- C09CE4
- B899D8
- B196CD
- AA93C2
- A390B7
- 9C8DAC
- 958AA1
- 8E8796
- 87838B
색 조화
보색 +180°
- C79FEF
Lavender Cream
- 9FC16C
≈ Jungle Juice
유사색 -30° +30°
- C79FEF
Lavender Cream
- A0ACFF
≈ Widowmaker
- E496CF
≈ Crepe Myrtle
삼각 배색 +120° +240°
- C79FEF
Lavender Cream
- E6A45B
≈ Roasted Squash
- 3ECCC0
≈ Bianchi Green
분열 보색 +150° +210°
- C79FEF
Lavender Cream
- C9B353
≈ Vegas Gold
- 6DCA94
≈ Green Gala
사각 배색 +90° +180° +270°
- C79FEF
Lavender Cream
- F5977D
≈ Parma Ham
- 9FC16C
≈ Jungle Juice
- 42C6E4
≈ Naxos Sky
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.63:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.63:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--lavender-cream: #c79fef;
--lavender-cream-rgb: 199 159 239;
--lavender-cream-oklch: oklch(0.768 0.119 306.7);
}
.element {
color: var(--lavender-cream);
background-color: hsl(270 71% 78%);
border-color: oklch(0.768 0.119 306.7);
}Tailwind CSS v4
@theme {
--color-lavender-cream: #c79fef;
--color-lavender-cream-50: #ffedff;
--color-lavender-cream-100: #f3deff;
--color-lavender-cream-200: #e3c7fc;
--color-lavender-cream-300: #c9a7e6;
--color-lavender-cream-400: #b18bd6;
--color-lavender-cream-500: #9b6fc4;
--color-lavender-cream-600: #835ea5;
--color-lavender-cream-700: #694b84;
--color-lavender-cream-800: #4c3763;
--color-lavender-cream-900: #352646;
--color-lavender-cream-950: #20142d;
}SCSS
$lavender-cream: #c79fef;
$lavender-cream-rgb: 199, 159, 239;
$lavender-cream-light: mix(#fff, $lavender-cream, 20%);
$lavender-cream-dark: mix(#000, $lavender-cream, 20%);
.element {
color: $lavender-cream;
box-shadow: 0 0 0 2px rgba($lavender-cream, 0.35);
}