이름 색상 · #97382C
Brown Labrador
Brown Labrador은(는) #97382C: rgb(151 56 44), hsl(7 55% 38%), oklch(0.473 0.13 29.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Brown Labrador color name →
#97382C
oklch(0.473 0.13 29.9)
색상 변환
- HEX
- #97382c
- RGB
- rgb(151 56 44)
- HSL
- hsl(7 55% 38%)
- HWB
- hwb(7 17% 41%)
- OKLCH
- oklch(0.473 0.13 29.9)
- OKLab
- oklab(0.473 0.113 0.065)
- CIE Lab
- lab(37.61 40.05 29.16)
- LCH
- lch(37.61 49.54 36.1)
- CMYK
- cmyk(0% 63% 71% 41%)
틴트 · 셰이드 · 톤
틴트
- A34D40
- AF6054
- BA7468
- C5877D
- D09B92
- DAAEA7
- E4C2BC
- EDD6D2
- F6EBE8
셰이드
- 832F25
- 6F271E
- 5C1F17
- 491711
- 370F0A
- 260805
- 170402
- 080101
- 010000
톤
- 964135
- 95493E
- 935147
- 92584F
- 905F57
- 8D665F
- 8B6D68
- 887370
- 847A78
색 조화
보색 +180°
- 97382C
Brown Labrador
- 006875
≈ Bankson Lake
유사색 -30° +30°
- 97382C
Brown Labrador
- 933559
≈ Forward Fuchsia
- 884A00
≈ Chocolate Pancakes
삼각 배색 +120° +240°
- 97382C
Brown Labrador
- 016F30
≈ Column of Oak Green
- 4054A4
≈ Dazzling Blue
분열 보색 +150° +210°
- 97382C
Brown Labrador
- 006B5D
≈ Pacific Queen
- 006292
≈ Bauhaus Blue
사각 배색 +90° +180° +270°
- 97382C
Brown Labrador
- 546400
≈ Serrano Pepper
- 006875
≈ Bankson Lake
- 684799
≈ Sweet Flag
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.19:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.91:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--brown-labrador: #97382c;
--brown-labrador-rgb: 151 56 44;
--brown-labrador-oklch: oklch(0.473 0.13 29.9);
}
.element {
color: var(--brown-labrador);
background-color: hsl(7 55% 38%);
border-color: oklch(0.473 0.13 29.9);
}Tailwind CSS v4
@theme {
--color-brown-labrador: #97382c;
--color-brown-labrador-50: #ffe8de;
--color-brown-labrador-100: #ffd9cd;
--color-brown-labrador-200: #ffc0b2;
--color-brown-labrador-300: #f29e8d;
--color-brown-labrador-400: #e17f70;
--color-brown-labrador-500: #ce6050;
--color-brown-labrador-600: #ae5244;
--color-brown-labrador-700: #8c4136;
--color-brown-labrador-800: #682e28;
--color-brown-labrador-900: #491f1b;
--color-brown-labrador-950: #300e0b;
}SCSS
$brown-labrador: #97382c;
$brown-labrador-rgb: 151, 56, 44;
$brown-labrador-light: mix(#fff, $brown-labrador, 20%);
$brown-labrador-dark: mix(#000, $brown-labrador, 20%);
.element {
color: $brown-labrador;
box-shadow: 0 0 0 2px rgba($brown-labrador, 0.35);
}