가장 가까운 이름 색상 · #CEA676
#CEA676
가장 가까운 이름 색상: Outback
#CEA676(rgb(206 166 118), hsl(33 47% 64%), oklch(0.75 0.079 71.2))와 가장 가까운 이름 색상은 Outback입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CEA676
oklch(0.75 0.079 71.2)
색상 변환
- HEX
- #cea676
- RGB
- rgb(206 166 118)
- HSL
- hsl(33 47% 64%)
- HWB
- hwb(33 46% 19%)
- OKLCH
- oklch(0.75 0.079 71.2)
- OKLab
- oklab(0.75 0.025 0.075)
- CIE Lab
- lab(70.99 10.55 30.71)
- LCH
- lch(70.99 32.47 71)
- CMYK
- cmyk(0% 19% 43% 19%)
틴트 · 셰이드 · 톤
틴트
- D3AF84
- D8B891
- DDC09F
- E2C9AD
- E7D2BA
- ECDBC8
- F1E4D6
- F5EDE3
- FAF6F1
셰이드
- B39066
- 987A56
- 7F6547
- 665138
- 4E3E29
- 382B1C
- 231A0F
- 0F0A05
- 020101
톤
- C6A278
- BE9F79
- B69B7A
- AE977C
- A7937D
- 9F8F7E
- 978C7E
- 8F887F
- 888480
색 조화
보색 +180°
- CEA676
Outback
- 89B2DF
≈ Dun Morogh Blue
유사색 -30° +30°
- CEA676
Outback
- DA9E87
≈ Medium Terracotta
- B8B075
≈ Gracious Glow
삼각 배색 +120° +240°
- CEA676
Outback
- 6EBEBA
≈ Tropic Tide
- BEA0D3
≈ Purple Premiere
분열 보색 +150° +210°
- CEA676
Outback
- 73BAD2
≈ Blue Brocade
- A5A9E0
≈ Childish Wonder
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.24:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.34:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--outback: #cea676;
--outback-rgb: 206 166 118;
--outback-oklch: oklch(0.75 0.079 71.2);
}
.element {
color: var(--outback);
background-color: hsl(33 47% 64%);
border-color: oklch(0.75 0.079 71.2);
}Tailwind CSS v4
@theme {
--color-outback: #cea676;
--color-outback-50: #fff2dd;
--color-outback-100: #f9e4cc;
--color-outback-200: #e9d0b0;
--color-outback-300: #d1b28b;
--color-outback-400: #bc976a;
--color-outback-500: #a77d48;
--color-outback-600: #8d6a3e;
--color-outback-700: #715531;
--color-outback-800: #543d23;
--color-outback-900: #3b2a17;
--color-outback-950: #251808;
}SCSS
$outback: #cea676;
$outback-rgb: 206, 166, 118;
$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);
}