가장 가까운 이름 색상 · #8B5700
#8B5700
가장 가까운 이름 색상: Grizzly
#8B5700(rgb(139 87 0), hsl(38 100% 27%), oklch(0.503 0.109 69.9))와 가장 가까운 이름 색상은 Grizzly입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8B5700
oklch(0.503 0.109 69.9)
색상 변환
- HEX
- #8b5700
- RGB
- rgb(139 87 0)
- HSL
- hsl(38 100% 27%)
- HWB
- hwb(38 0% 45%)
- OKLCH
- oklch(0.503 0.109 69.9)
- OKLab
- oklab(0.503 0.037 0.102)
- CIE Lab
- lab(42.12 17.97 50.26)
- LCH
- lch(42.12 53.38 70.3)
- CMYK
- cmyk(0% 37% 100% 45%)
틴트 · 셰이드 · 톤
틴트
- 97672A
- A27744
- AE885B
- BA9872
- C5A989
- D1BAA0
- DCCBB8
- E8DCCF
- F3EDE7
셰이드
- 784B00
- 663E00
- 543300
- 432700
- 321C00
- 231200
- 140800
- 070300
- 010000
톤
- 8A5C1C
- 8A602C
- 896439
- 886944
- 876D4F
- 867159
- 847563
- 83786D
- 827C76
색 조화
보색 +180°
- 8B5700
Grizzly
- 2C67A0
≈ Distant Blue
유사색 -30° +30°
- 8B5700
Grizzly
- 974C31
≈ Spicy Hue
- 726500
≈ Spicy Mustard
삼각 배색 +120° +240°
- 8B5700
Grizzly
- 00746F
≈ Reef
- 775192
≈ Juneberry
분열 보색 +150° +210°
- 8B5700
Grizzly
- 007088
≈ Blue Jay Crest
- 595BA1
≈ Purple Frenzy
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.06:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.46:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.06:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--grizzly: #8b5700;
--grizzly-rgb: 139 87 0;
--grizzly-oklch: oklch(0.503 0.109 69.9);
}
.element {
color: var(--grizzly);
background-color: hsl(38 100% 27%);
border-color: oklch(0.503 0.109 69.9);
}Tailwind CSS v4
@theme {
--color-grizzly: #8b5700;
--color-grizzly-50: #fff1d4;
--color-grizzly-100: #ffe3c1;
--color-grizzly-200: #f2cda1;
--color-grizzly-300: #daaf78;
--color-grizzly-400: #c89352;
--color-grizzly-500: #b47825;
--color-grizzly-600: #986522;
--color-grizzly-700: #7a511b;
--color-grizzly-800: #5b3a12;
--color-grizzly-900: #40280b;
--color-grizzly-950: #281601;
}SCSS
$grizzly: #8b5700;
$grizzly-rgb: 139, 87, 0;
$grizzly-light: mix(#fff, $grizzly, 20%);
$grizzly-dark: mix(#000, $grizzly, 20%);
.element {
color: $grizzly;
box-shadow: 0 0 0 2px rgba($grizzly, 0.35);
}