이름 색상 · #C2BCA9
Apparition
Apparition은(는) #C2BCA9: rgb(194 188 169), hsl(46 17% 71%), oklch(0.795 0.027 92.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Apparition color name →
#C2BCA9
oklch(0.795 0.027 92.4)
색상 변환
- HEX
- #c2bca9
- RGB
- rgb(194 188 169)
- HSL
- hsl(46 17% 71%)
- HWB
- hwb(46 66% 24%)
- OKLCH
- oklch(0.795 0.027 92.4)
- OKLab
- oklab(0.795 -0.001 0.027)
- CIE Lab
- lab(76.35 -0.24 10.45)
- LCH
- lch(76.35 10.45 91.3)
- CMYK
- cmyk(0% 3% 13% 24%)
틴트 · 셰이드 · 톤
틴트
- C8C3B1
- CEC9BA
- D4D0C2
- DAD6CB
- E0DDD3
- E6E4DC
- ECEBE5
- F3F1ED
- F9F8F6
셰이드
- A8A392
- 8F8B7C
- 777367
- 605D53
- 49473F
- 34322C
- 201F1B
- 0E0D0A
- 020201
톤
- BBB6A5
- B4B0A1
- AEAA9D
- A7A498
- A09E94
- 9A9890
- 93928C
- 8D8C88
- 868684
색 조화
보색 +180°
- C2BCA9
Apparition
- B6BBCE
≈ Cold Winter’s Morn
유사색 -30° +30°
- C2BCA9
Apparition
- C9B9AB
≈ Bona Fide Beige
- B9BFAC
≈ Celandine Green
삼각 배색 +120° +240°
- C2BCA9
Apparition
- A9C1C6
≈ Bleu Clair
- C7B6C4
≈ Pink Bravado
분열 보색 +150° +210°
- C2BCA9
Apparition
- AEBFCC
≈ Cerulean Tint
- BFB8CB
≈ Wild Lilac
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.06:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--apparition: #c2bca9;
--apparition-rgb: 194 188 169;
--apparition-oklch: oklch(0.795 0.027 92.4);
}
.element {
color: var(--apparition);
background-color: hsl(46 17% 71%);
border-color: oklch(0.795 0.027 92.4);
}Tailwind CSS v4
@theme {
--color-apparition: #c2bca9;
--color-apparition-50: #f7f5ed;
--color-apparition-100: #ebe8de;
--color-apparition-200: #d8d4c8;
--color-apparition-300: #bcb7a8;
--color-apparition-400: #a49e8d;
--color-apparition-500: #8c8672;
--color-apparition-600: #777161;
--color-apparition-700: #5f5b4d;
--color-apparition-800: #464238;
--color-apparition-900: #302e26;
--color-apparition-950: #1d1a15;
}SCSS
$apparition: #c2bca9;
$apparition-rgb: 194, 188, 169;
$apparition-light: mix(#fff, $apparition, 20%);
$apparition-dark: mix(#000, $apparition, 20%);
.element {
color: $apparition;
box-shadow: 0 0 0 2px rgba($apparition, 0.35);
}