이름 색상 · #C79EA2
Beauty Secret
Beauty Secret은(는) #C79EA2: rgb(199 158 162), hsl(354 27% 70%), oklch(0.738 0.049 11.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Beauty Secret color name →
#C79EA2
oklch(0.738 0.049 11.8)
색상 변환
- HEX
- #c79ea2
- RGB
- rgb(199 158 162)
- HSL
- hsl(354 27% 70%)
- HWB
- hwb(354 62% 22%)
- OKLCH
- oklch(0.738 0.049 11.8)
- OKLab
- oklab(0.738 0.048 0.01)
- CIE Lab
- lab(69.05 16.13 4.02)
- LCH
- lch(69.05 16.63 14)
- CMYK
- cmyk(0% 21% 19% 22%)
틴트 · 셰이드 · 톤
틴트
- CDA7AB
- D3B1B4
- D8BABD
- DEC4C6
- E3CED0
- E9D7D9
- EFE1E2
- F4EBEC
- FAF5F5
셰이드
- AD898C
- 937477
- 7A6063
- 624D4F
- 4C3A3C
- 36292A
- 211819
- 0E090A
- 020101
톤
- C09B9F
- B9989B
- B29598
- AA9294
- A38F91
- 9C8C8D
- 95898A
- 8E8687
- 878383
색 조화
보색 +180°
- C79EA2
Beauty Secret
- 87B4B2
≈ Cold Front Green
유사색 -30° +30°
- C79EA2
Beauty Secret
- C19EB3
≈ Lily
- C6A192
≈ Just Rosey
삼각 배색 +120° +240°
- C79EA2
Beauty Secret
- 9FB191
≈ Soap Green
- 94ADC9
≈ Chambray Blue
분열 보색 +150° +210°
- C79EA2
Beauty Secret
- 8FB4A1
≈ Chrysopal Light Green
- 89B2C0
≈ Thistleblossom Soft Blue
사각 배색 +90° +180° +270°
- C79EA2
Beauty Secret
- B0AC88
≈ Underhive Ash
- 87B4B2
≈ Cold Front Green
- A4A7C9
≈ Blossom Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.37:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.84:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.84:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--beauty-secret: #c79ea2;
--beauty-secret-rgb: 199 158 162;
--beauty-secret-oklch: oklch(0.738 0.049 11.8);
}
.element {
color: var(--beauty-secret);
background-color: hsl(354 27% 70%);
border-color: oklch(0.738 0.049 11.8);
}Tailwind CSS v4
@theme {
--color-beauty-secret: #c79ea2;
--color-beauty-secret-50: #fff0f1;
--color-beauty-secret-100: #f8e2e3;
--color-beauty-secret-200: #e8ccce;
--color-beauty-secret-300: #cfaeb0;
--color-beauty-secret-400: #b99397;
--color-beauty-secret-500: #a4797e;
--color-beauty-secret-600: #8b676a;
--color-beauty-secret-700: #6f5255;
--color-beauty-secret-800: #523b3e;
--color-beauty-secret-900: #39292b;
--color-beauty-secret-950: #231718;
}SCSS
$beauty-secret: #c79ea2;
$beauty-secret-rgb: 199, 158, 162;
$beauty-secret-light: mix(#fff, $beauty-secret, 20%);
$beauty-secret-dark: mix(#000, $beauty-secret, 20%);
.element {
color: $beauty-secret;
box-shadow: 0 0 0 2px rgba($beauty-secret, 0.35);
}