이름 색상 · #C7AF88
Earth Chi
Earth Chi은(는) #C7AF88: rgb(199 175 136), hsl(37 36% 66%), oklch(0.765 0.06 79.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Earth Chi color name →
#C7AF88
oklch(0.765 0.06 79.7)
색상 변환
- HEX
- #c7af88
- RGB
- rgb(199 175 136)
- HSL
- hsl(37 36% 66%)
- HWB
- hwb(37 53% 22%)
- OKLCH
- oklch(0.765 0.06 79.7)
- OKLab
- oklab(0.765 0.011 0.059)
- CIE Lab
- lab(72.85 4.69 23.42)
- LCH
- lch(72.85 23.88 78.7)
- CMYK
- cmyk(0% 12% 32% 22%)
틴트 · 셰이드 · 톤
틴트
- CDB794
- D2BF9F
- D8C7AB
- DDCFB7
- E3D7C3
- E8DFCF
- EEE7DB
- F4EFE7
- F9F7F3
셰이드
- AD9875
- 938163
- 7A6B52
- 625641
- 4C4131
- 362E22
- 211C13
- 0E0B06
- 020101
톤
- C0AA88
- B8A687
- B1A186
- AA9C86
- A39785
- 9C9384
- 958E83
- 8E8982
- 878581
색 조화
보색 +180°
- C7AF88
Earth Chi
- 9DB4D9
≈ Mont Blanc
유사색 -30° +30°
- C7AF88
Earth Chi
- D3A891
≈ Vienna Beige
- B5B68B
≈ Sweet Grass
삼각 배색 +120° +240°
- C7AF88
Earth Chi
- 85BFC1
≈ Riverbed
- C4A7CB
≈ Feminine Fancy
분열 보색 +150° +210°
- C7AF88
Earth Chi
- 8CBAD1
≈ Bonnie Blue
- B1ADD7
≈ Purple Hibiscus
사각 배색 +90° +180° +270°
- C7AF88
Earth Chi
- 8DBFAD
≈ Mild Evergreen
- 9DB4D9
≈ Mont Blanc
- D1A4B8
≈ Gizmo
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.11:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.91:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--earth-chi: #c7af88;
--earth-chi-rgb: 199 175 136;
--earth-chi-oklch: oklch(0.765 0.06 79.7);
}
.element {
color: var(--earth-chi);
background-color: hsl(37 36% 66%);
border-color: oklch(0.765 0.06 79.7);
}Tailwind CSS v4
@theme {
--color-earth-chi: #c7af88;
--color-earth-chi-50: #fef4e3;
--color-earth-chi-100: #f2e6d2;
--color-earth-chi-200: #e1d2b8;
--color-earth-chi-300: #c7b595;
--color-earth-chi-400: #b19b77;
--color-earth-chi-500: #9b8258;
--color-earth-chi-600: #836e4b;
--color-earth-chi-700: #69583c;
--color-earth-chi-800: #4e402b;
--color-earth-chi-900: #362c1d;
--color-earth-chi-950: #21190d;
}SCSS
$earth-chi: #c7af88;
$earth-chi-rgb: 199, 175, 136;
$earth-chi-light: mix(#fff, $earth-chi, 20%);
$earth-chi-dark: mix(#000, $earth-chi, 20%);
.element {
color: $earth-chi;
box-shadow: 0 0 0 2px rgba($earth-chi, 0.35);
}