가장 가까운 이름 색상 · #C8A67C
#C8A67C
가장 가까운 이름 색상: Outback
#C8A67C(rgb(200 166 124), hsl(33 41% 64%), oklch(0.745 0.069 72.3))와 가장 가까운 이름 색상은 Outback입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C8A67C
oklch(0.745 0.069 72.3)
색상 변환
- HEX
- #c8a67c
- RGB
- rgb(200 166 124)
- HSL
- hsl(33 41% 64%)
- HWB
- hwb(33 49% 22%)
- OKLCH
- oklch(0.745 0.069 72.3)
- OKLab
- oklab(0.745 0.021 0.066)
- CIE Lab
- lab(70.46 8.59 26.7)
- LCH
- lch(70.46 28.05 72.2)
- CMYK
- cmyk(0% 17% 38% 22%)
틴트 · 셰이드 · 톤
틴트
- CEAF89
- D3B896
- D9C0A3
- DEC9B0
- E4D2BD
- E9DBCA
- EFE4D7
- F4EDE4
- FAF6F2
셰이드
- AE906B
- 947A5A
- 7B654A
- 63513B
- 4C3E2C
- 362B1E
- 211A11
- 0F0A05
- 020101
톤
- C1A27D
- B99E7E
- B29B7E
- AB977F
- A4937F
- 9C8F80
- 958B80
- 8E8880
- 878480
색 조화
보색 +180°
- C8A67C
Outback
- 8DB0D8
≈ Boy Blue
유사색 -30° +30°
- C8A67C
Outback
- D39F8A
≈ Shiny Kettle
- B5AF7B
≈ Weeping Willow
삼각 배색 +120° +240°
- C8A67C
Outback
- 77BBB8
≈ Polished Aqua
- BCA0CD
≈ Lucius Lilac
분열 보색 +150° +210°
- C8A67C
Outback
- 7BB7CC
≈ Blue Chrysocolla
- A5A8D8
≈ Childish Wonder
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.28:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.20:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--outback: #c8a67c;
--outback-rgb: 200 166 124;
--outback-oklch: oklch(0.745 0.069 72.3);
}
.element {
color: var(--outback);
background-color: hsl(33 41% 64%);
border-color: oklch(0.745 0.069 72.3);
}Tailwind CSS v4
@theme {
--color-outback: #c8a67c;
--color-outback-50: #fff3e0;
--color-outback-100: #f6e5cf;
--color-outback-200: #e6d1b4;
--color-outback-300: #cdb391;
--color-outback-400: #b89871;
--color-outback-500: #a37f51;
--color-outback-600: #896b45;
--color-outback-700: #6e5637;
--color-outback-800: #523e27;
--color-outback-900: #392b1a;
--color-outback-950: #23180b;
}SCSS
$outback: #c8a67c;
$outback-rgb: 200, 166, 124;
$outback-light: mix(#fff, $outback, 20%);
$outback-dark: mix(#000, $outback, 20%);
.element {
color: $outback;
box-shadow: 0 0 0 2px rgba($outback, 0.35);
}