이름 색상 · #C89F59
Warm Leather
Warm Leather은(는) #C89F59: rgb(200 159 89), hsl(38 50% 57%), oklch(0.726 0.101 79.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Warm Leather color name →
#C89F59
oklch(0.726 0.101 79.5)
색상 변환
- HEX
- #c89f59
- RGB
- rgb(200 159 89)
- HSL
- hsl(38 50% 57%)
- HWB
- hwb(38 35% 22%)
- OKLCH
- oklch(0.726 0.101 79.5)
- OKLab
- oklab(0.726 0.018 0.099)
- CIE Lab
- lab(68.25 9.66 42.15)
- LCH
- lch(68.25 43.25 77.1)
- CMYK
- cmyk(0% 21% 56% 22%)
틴트 · 셰이드 · 톤
틴트
- CEA96B
- D3B27C
- D9BC8D
- DEC59D
- E4CFAD
- E9D8BE
- EFE2CE
- F4ECDE
- FAF5EF
셰이드
- AE8A4C
- 947540
- 7B6134
- 634D28
- 4C3B1D
- 362913
- 211809
- 0F0903
- 020100
톤
- C19C5F
- B99964
- B29668
- AB936C
- A49070
- 9D8D74
- 958A77
- 8E877A
- 87837D
색 조화
보색 +180°
- C89F59
Warm Leather
- 80A7E6
≈ Blue Cue
유사색 -30° +30°
- C89F59
Warm Leather
- DA936C
≈ Summer’s End
- ABAC5E
≈ Palm Frond
삼각 배색 +120° +240°
- C89F59
Warm Leather
- 49B9BF
≈ Montego Bay
- C292CE
≈ Rose Souvenir
분열 보색 +150° +210°
- C89F59
Warm Leather
- 5BB2D9
≈ Disembark
- A59CE2
≈ Dull Lavender
사각 배색 +90° +180° +270°
- C89F59
Warm Leather
- 5EBB9C
≈ Sainsbury
- 80A7E6
≈ Blue Cue
- D68CB0
≈ Berry Twist
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.45:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.55:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--warm-leather: #c89f59;
--warm-leather-rgb: 200 159 89;
--warm-leather-oklch: oklch(0.726 0.101 79.5);
}
.element {
color: var(--warm-leather);
background-color: hsl(38 50% 57%);
border-color: oklch(0.726 0.101 79.5);
}Tailwind CSS v4
@theme {
--color-warm-leather: #c89f59;
--color-warm-leather-50: #fff3d5;
--color-warm-leather-100: #f9e5c3;
--color-warm-leather-200: #ead1a4;
--color-warm-leather-300: #d2b37b;
--color-warm-leather-400: #be9856;
--color-warm-leather-500: #a97e2b;
--color-warm-leather-600: #8f6a27;
--color-warm-leather-700: #73551f;
--color-warm-leather-800: #563d14;
--color-warm-leather-900: #3c2a0d;
--color-warm-leather-950: #251802;
}SCSS
$warm-leather: #c89f59;
$warm-leather-rgb: 200, 159, 89;
$warm-leather-light: mix(#fff, $warm-leather, 20%);
$warm-leather-dark: mix(#000, $warm-leather, 20%);
.element {
color: $warm-leather;
box-shadow: 0 0 0 2px rgba($warm-leather, 0.35);
}