이름 색상 · #C9CABF
Create
Create은(는) #C9CABF: rgb(201 202 191), hsl(65 9% 77%), oklch(0.835 0.015 110.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Create color name →
#C9CABF
oklch(0.835 0.015 110.9)
색상 변환
- HEX
- #c9cabf
- RGB
- rgb(201 202 191)
- HSL
- hsl(65 9% 77%)
- HWB
- hwb(65 75% 21%)
- OKLCH
- oklch(0.835 0.015 110.9)
- OKLab
- oklab(0.835 -0.005 0.014)
- CIE Lab
- lab(81.01 -1.82 5.38)
- LCH
- lch(81.01 5.68 108.7)
- CMYK
- cmyk(0% 0% 5% 21%)
틴트 · 셰이드 · 톤
틴트
- CECFC5
- D4D4CC
- D9DAD2
- DEDFD8
- E4E4DF
- E9EAE5
- EFEFEB
- F4F4F2
- F9FAF8
셰이드
- AEAFA6
- 95958D
- 7C7C75
- 64645E
- 4C4D48
- 363733
- 22221F
- 0F0F0D
- 020202
톤
- C1C2B9
- BABBB2
- B2B3AC
- ABACA5
- A4A49F
- 9C9D99
- 959692
- 8E8E8C
- 878786
색 조화
보색 +180°
- C9CABF
Create
- C9C7D2
≈ Hyacinth Ice
유사색 -30° +30°
- C9CABF
Create
- CEC8BE
≈ Vessel
- C4CCC2
≈ Ocean Froth
삼각 배색 +120° +240°
- C9CABF
Create
- C0CBD1
≈ Stone Golem
- D1C5CA
≈ Victorian Cottage
분열 보색 +150° +210°
- C9CABF
Create
- C3C9D3
≈ Light Spirit
- CEC6CF
≈ Chrome Chalice
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.65:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.68:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.68:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--create: #c9cabf;
--create-rgb: 201 202 191;
--create-oklch: oklch(0.835 0.015 110.9);
}
.element {
color: var(--create);
background-color: hsl(65 9% 77%);
border-color: oklch(0.835 0.015 110.9);
}Tailwind CSS v4
@theme {
--color-create: #c9cabf;
--color-create-50: #f5f6f1;
--color-create-100: #e8e8e3;
--color-create-200: #d4d5ce;
--color-create-300: #b7b8b0;
--color-create-400: #9e9f95;
--color-create-500: #86877c;
--color-create-600: #727269;
--color-create-700: #5b5c54;
--color-create-800: #43433d;
--color-create-900: #2e2e2a;
--color-create-950: #1b1b17;
}SCSS
$create: #c9cabf;
$create-rgb: 201, 202, 191;
$create-light: mix(#fff, $create, 20%);
$create-dark: mix(#000, $create, 20%);
.element {
color: $create;
box-shadow: 0 0 0 2px rgba($create, 0.35);
}