이름 색상 · #82502C
Lamb Chop
Lamb Chop은(는) #82502C: rgb(130 80 44), hsl(25 49% 34%), oklch(0.481 0.084 54.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Lamb Chop color name →
#82502C
oklch(0.481 0.084 54.9)
색상 변환
- HEX
- #82502c
- RGB
- rgb(130 80 44)
- HSL
- hsl(25 49% 34%)
- HWB
- hwb(25 17% 49%)
- OKLCH
- oklch(0.481 0.084 54.9)
- OKLab
- oklab(0.481 0.048 0.069)
- CIE Lab
- lab(39.36 18.96 30.03)
- LCH
- lch(39.36 35.51 57.7)
- CMYK
- cmyk(0% 38% 66% 49%)
틴트 · 셰이드 · 톤
틴트
- 8F6041
- 9B7155
- A88269
- B4937D
- C1A592
- CDB6A7
- DAC8BD
- E6DAD2
- F3ECE9
셰이드
- 704425
- 5F391E
- 4E2E17
- 3E2411
- 2F1A0A
- 201005
- 120702
- 060201
- 010000
톤
- 825535
- 835A3E
- 835F47
- 83644F
- 836958
- 826D60
- 827268
- 817770
- 817B78
색 조화
보색 +180°
- 82502C
Lamb Chop
- 246586
≈ Carbide
유사색 -30° +30°
- 82502C
Lamb Chop
- 874A45
≈ Richardson Brick
- 745A1D
≈ Hot Mustard
삼각 배색 +120° +240°
- 82502C
Lamb Chop
- 156D5B
≈ Forest Splendour
- 615488
≈ Wool Violet
분열 보색 +150° +210°
- 82502C
Lamb Chop
- 006B74
≈ Toadstool Teal
- 465C8D
≈ Anchor Point
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.70:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.13:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--lamb-chop: #82502c;
--lamb-chop-rgb: 130 80 44;
--lamb-chop-oklch: oklch(0.481 0.084 54.9);
}
.element {
color: var(--lamb-chop);
background-color: hsl(25 49% 34%);
border-color: oklch(0.481 0.084 54.9);
}Tailwind CSS v4
@theme {
--color-lamb-chop: #82502c;
--color-lamb-chop-50: #fff0de;
--color-lamb-chop-100: #ffe2cd;
--color-lamb-chop-200: #f1ccb2;
--color-lamb-chop-300: #d9ad8e;
--color-lamb-chop-400: #c6916e;
--color-lamb-chop-500: #b1774e;
--color-lamb-chop-600: #966543;
--color-lamb-chop-700: #785035;
--color-lamb-chop-800: #593a26;
--color-lamb-chop-900: #3f2819;
--color-lamb-chop-950: #28160a;
}SCSS
$lamb-chop: #82502c;
$lamb-chop-rgb: 130, 80, 44;
$lamb-chop-light: mix(#fff, $lamb-chop, 20%);
$lamb-chop-dark: mix(#000, $lamb-chop, 20%);
.element {
color: $lamb-chop;
box-shadow: 0 0 0 2px rgba($lamb-chop, 0.35);
}