가장 가까운 이름 색상 · #AD814C
#AD814C
가장 가까운 이름 색상: Tosty Crust
#AD814C(rgb(173 129 76), hsl(33 39% 49%), oklch(0.635 0.089 70.2))와 가장 가까운 이름 색상은 Tosty Crust입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AD814C
oklch(0.635 0.089 70.2)
색상 변환
- HEX
- #ad814c
- RGB
- rgb(173 129 76)
- HSL
- hsl(33 39% 49%)
- HWB
- hwb(33 30% 32%)
- OKLCH
- oklch(0.635 0.089 70.2)
- OKLab
- oklab(0.635 0.03 0.083)
- CIE Lab
- lab(57.53 13 35.39)
- LCH
- lch(57.53 37.7 69.8)
- CMYK
- cmyk(0% 25% 56% 32%)
틴트 · 셰이드 · 톤
틴트
- B58D5E
- BE9A70
- C6A682
- CEB293
- D6BFA5
- DECCB7
- E7D8C8
- EFE5DA
- F7F2ED
셰이드
- 966F41
- 7F5E36
- 6A4E2C
- 553E22
- 412E18
- 2D1F0F
- 1B1206
- 0B0602
- 010100
톤
- A98152
- A48158
- A0815E
- 9B8163
- 978169
- 92816E
- 8E8172
- 898177
- 85807C
색 조화
보색 +180°
- AD814C
Tosty Crust
- 608FBF
≈ Cliff Blue
유사색 -30° +30°
- AD814C
Tosty Crust
- B97861
≈ Myrtle Pepper
- 978C49
≈ Retro Avocado
삼각 배색 +120° +240°
- AD814C
Tosty Crust
- 3D9C97
≈ Dreamy Teal
- 9B7BB3
≈ English Lavender
분열 보색 +150° +210°
- AD814C
Tosty Crust
- 4397B0
≈ Alpine Lake
- 8085C0
≈ Deep Periwinkle
사각 배색 +90° +180° +270°
- AD814C
Tosty Crust
- 569B78
≈ Sea Cabbage
- 608FBF
≈ Cliff Blue
- AF759B
≈ So Long Shadow
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.48:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.02:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 6.02:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--tosty-crust: #ad814c;
--tosty-crust-rgb: 173 129 76;
--tosty-crust-oklch: oklch(0.635 0.089 70.2);
}
.element {
color: var(--tosty-crust);
background-color: hsl(33 39% 49%);
border-color: oklch(0.635 0.089 70.2);
}Tailwind CSS v4
@theme {
--color-tosty-crust: #ad814c;
--color-tosty-crust-50: #fff2da;
--color-tosty-crust-100: #fbe4c8;
--color-tosty-crust-200: #eccfab;
--color-tosty-crust-300: #d4b185;
--color-tosty-crust-400: #c09563;
--color-tosty-crust-500: #ab7b3f;
--color-tosty-crust-600: #916937;
--color-tosty-crust-700: #74542b;
--color-tosty-crust-800: #573c1e;
--color-tosty-crust-900: #3c2914;
--color-tosty-crust-950: #261706;
}SCSS
$tosty-crust: #ad814c;
$tosty-crust-rgb: 173, 129, 76;
$tosty-crust-light: mix(#fff, $tosty-crust, 20%);
$tosty-crust-dark: mix(#000, $tosty-crust, 20%);
.element {
color: $tosty-crust;
box-shadow: 0 0 0 2px rgba($tosty-crust, 0.35);
}