이름 색상 · #C4AD92
Kangaroo Fur
Kangaroo Fur은(는) #C4AD92: rgb(196 173 146), hsl(32 30% 67%), oklch(0.76 0.046 71.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Kangaroo Fur color name →
#C4AD92
oklch(0.76 0.046 71.5)
색상 변환
- HEX
- #c4ad92
- RGB
- rgb(196 173 146)
- HSL
- hsl(32 30% 67%)
- HWB
- hwb(32 57% 23%)
- OKLCH
- oklch(0.76 0.046 71.5)
- OKLab
- oklab(0.76 0.015 0.043)
- CIE Lab
- lab(72.22 5.5 17.14)
- LCH
- lch(72.22 18 72.2)
- CMYK
- cmyk(0% 12% 26% 23%)
틴트 · 셰이드 · 톤
틴트
- CAB59D
- D0BDA7
- D6C5B2
- DBCDBD
- E1D5C8
- E7DED3
- EDE6DE
- F3EEE9
- F9F7F4
셰이드
- AA967E
- 917F6B
- 786A58
- 615546
- 4A4135
- 352D25
- 211B16
- 0E0B08
- 020101
톤
- BDA890
- B6A48F
- AF9F8D
- A89B8B
- A29689
- 9B9288
- 948D86
- 8D8984
- 878482
색 조화
보색 +180°
- C4AD92
Kangaroo Fur
- 9DB4CE
≈ Stellar Blue
유사색 -30° +30°
- C4AD92
Kangaroo Fur
- CCA89B
≈ Pink Ginger
- B7B391
≈ Powdered Sage
삼각 배색 +120° +240°
- C4AD92
Kangaroo Fur
- 90BBB8
≈ Turner’s Light
- BBA9C7
≈ Extraordinaire
분열 보색 +150° +210°
- C4AD92
Kangaroo Fur
- 92B8C6
≈ Trisha’s Eyes
- ACAECE
≈ Lavender Wash
사각 배색 +90° +180° +270°
- C4AD92
Kangaroo Fur
- 98BBA8
≈ Spearmint Haze
- 9DB4CE
≈ Stellar Blue
- C7A6BA
≈ Fragrant Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.73:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--kangaroo-fur: #c4ad92;
--kangaroo-fur-rgb: 196 173 146;
--kangaroo-fur-oklch: oklch(0.76 0.046 71.5);
}
.element {
color: var(--kangaroo-fur);
background-color: hsl(32 30% 67%);
border-color: oklch(0.76 0.046 71.5);
}Tailwind CSS v4
@theme {
--color-kangaroo-fur: #c4ad92;
--color-kangaroo-fur-50: #fdf3e7;
--color-kangaroo-fur-100: #f1e6d8;
--color-kangaroo-fur-200: #e0d2bf;
--color-kangaroo-fur-300: #c6b49e;
--color-kangaroo-fur-400: #b09a81;
--color-kangaroo-fur-500: #9a8265;
--color-kangaroo-fur-600: #826e56;
--color-kangaroo-fur-700: #685844;
--color-kangaroo-fur-800: #4d4031;
--color-kangaroo-fur-900: #352c21;
--color-kangaroo-fur-950: #211911;
}SCSS
$kangaroo-fur: #c4ad92;
$kangaroo-fur-rgb: 196, 173, 146;
$kangaroo-fur-light: mix(#fff, $kangaroo-fur, 20%);
$kangaroo-fur-dark: mix(#000, $kangaroo-fur, 20%);
.element {
color: $kangaroo-fur;
box-shadow: 0 0 0 2px rgba($kangaroo-fur, 0.35);
}