이름 색상 · #96512A
Rusty
Rusty은(는) #96512A: rgb(150 81 42), hsl(22 56% 38%), oklch(0.51 0.106 48.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Rusty color name →
#96512A
oklch(0.51 0.106 48.2)
색상 변환
- HEX
- #96512a
- RGB
- rgb(150 81 42)
- HSL
- hsl(22 56% 38%)
- HWB
- hwb(22 16% 41%)
- OKLCH
- oklch(0.51 0.106 48.2)
- OKLab
- oklab(0.51 0.071 0.079)
- CIE Lab
- lab(42.5 27.11 35.52)
- LCH
- lch(42.5 44.68 52.7)
- CMYK
- cmyk(0% 46% 72% 41%)
틴트 · 셰이드 · 톤
틴트
- A16240
- AC7355
- B78469
- C2957E
- CDA693
- D7B7A8
- E1C9BD
- EBDBD3
- F5EDE9
셰이드
- 824523
- 6E3A1C
- 5B2F16
- 492410
- 371A0A
- 261005
- 160702
- 080201
- 010000
톤
- 955634
- 935B3E
- 916047
- 8F6550
- 8D6A58
- 8B6F60
- 897368
- 867770
- 837C78
색 조화
보색 +180°
- 96512A
Rusty
- 007093
≈ Tropic Sea
유사색 -30° +30°
- 96512A
Rusty
- 994A4E
≈ Regal Red
- 875D00
≈ Rat Brown
삼각 배색 +120° +240°
- 96512A
Rusty
- 00785B
≈ Ivy League
- 645B9F
≈ Giant Onion
분열 보색 +150° +210°
- 96512A
Rusty
- 007578
≈ Maxi Teal
- 3E66A2
≈ Mariner
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.98:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.50:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--rusty: #96512a;
--rusty-rgb: 150 81 42;
--rusty-oklch: oklch(0.51 0.106 48.2);
}
.element {
color: var(--rusty);
background-color: hsl(22 56% 38%);
border-color: oklch(0.51 0.106 48.2);
}Tailwind CSS v4
@theme {
--color-rusty: #96512a;
--color-rusty-50: #ffeddb;
--color-rusty-100: #ffdec9;
--color-rusty-200: #fac8ac;
--color-rusty-300: #e4a886;
--color-rusty-400: #d28b66;
--color-rusty-500: #be6f43;
--color-rusty-600: #a15e3a;
--color-rusty-700: #814b2e;
--color-rusty-800: #603621;
--color-rusty-900: #432516;
--color-rusty-950: #2b1307;
}SCSS
$rusty: #96512a;
$rusty-rgb: 150, 81, 42;
$rusty-light: mix(#fff, $rusty, 20%);
$rusty-dark: mix(#000, $rusty, 20%);
.element {
color: $rusty;
box-shadow: 0 0 0 2px rgba($rusty, 0.35);
}