이름 색상 · #520200
Umbral Umber
Umbral Umber은(는) #520200: rgb(82 2 0), hsl(1 100% 16%), oklch(0.277 0.111 30). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Umbral Umber color name →
#520200
oklch(0.277 0.111 30)
색상 변환
- HEX
- #520200
- RGB
- rgb(82 2 0)
- HSL
- hsl(1 100% 16%)
- HWB
- hwb(1 0% 68%)
- OKLCH
- oklch(0.277 0.111 30)
- OKLab
- oklab(0.277 0.096 0.056)
- CIE Lab
- lab(15.07 34.78 23.65)
- LCH
- lch(15.07 42.06 34.2)
- CMYK
- cmyk(0% 98% 100% 68%)
틴트 · 셰이드 · 톤
틴트
- 652018
- 77392F
- 885047
- 9A675F
- AB7F78
- BC9892
- CDB1AC
- DECAC7
- EEE5E3
셰이드
- 460100
- 3B0100
- 2F0100
- 250000
- 1A0000
- 110000
- 080000
- 020000
- 000000
톤
- 58150D
- 5E231B
- 642F27
- 693B33
- 6E4640
- 72524C
- 765D59
- 7A6966
- 7D7473
색 조화
보색 +180°
- 520200
Umbral Umber
- 002E35
≈ Black Chasm
유사색 -30° +30°
- 520200
Umbral Umber
- 4F0126
≈ Fig Balsamic
- 3F1F00
≈ Dark Ebony
삼각 배색 +120° +240°
- 520200
Umbral Umber
- 003212
≈ Haunted Hills
- 151F5E
≈ Fibonacci Blue
분열 보색 +150° +210°
- 520200
Umbral Umber
- 003029
≈ Fence Green
- 002B44
≈ Murky Depths
사각 배색 +90° +180° +270°
- 520200
Umbral Umber
- 242C00
≈ Blind Forest
- 002E35
≈ Black Chasm
- 321455
≈ Vanishing
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.35:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.36:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.35:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--umbral-umber: #520200;
--umbral-umber-rgb: 82 2 0;
--umbral-umber-oklch: oklch(0.277 0.111 30);
}
.element {
color: var(--umbral-umber);
background-color: hsl(1 100% 16%);
border-color: oklch(0.277 0.111 30);
}Tailwind CSS v4
@theme {
--color-umbral-umber: #520200;
--color-umbral-umber-50: #ffeae2;
--color-umbral-umber-100: #ffdbd1;
--color-umbral-umber-200: #ffc3b7;
--color-umbral-umber-300: #eba394;
--color-umbral-umber-400: #d88577;
--color-umbral-umber-500: #c56759;
--color-umbral-umber-600: #a6584c;
--color-umbral-umber-700: #86463c;
--color-umbral-umber-800: #63322c;
--color-umbral-umber-900: #46221e;
--color-umbral-umber-950: #2d110e;
}SCSS
$umbral-umber: #520200;
$umbral-umber-rgb: 82, 2, 0;
$umbral-umber-light: mix(#fff, $umbral-umber, 20%);
$umbral-umber-dark: mix(#000, $umbral-umber, 20%);
.element {
color: $umbral-umber;
box-shadow: 0 0 0 2px rgba($umbral-umber, 0.35);
}