Nazwany kolor · #82502C
Lamb Chop
Lamb Chop to #82502C: rgb(130 80 44), hsl(25 49% 34%), oklch(0.481 0.084 54.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Lamb Chop color name →
#82502C
oklch(0.481 0.084 54.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8F6041
- 9B7155
- A88269
- B4937D
- C1A592
- CDB6A7
- DAC8BD
- E6DAD2
- F3ECE9
Odcienie ciemniejsze
- 704425
- 5F391E
- 4E2E17
- 3E2411
- 2F1A0A
- 201005
- 120702
- 060201
- 010000
Tony
- 825535
- 835A3E
- 835F47
- 83644F
- 836958
- 826D60
- 827268
- 817770
- 817B78
Harmonie kolorów
Komplementarna +180°
- 82502C
Lamb Chop
- 246586
≈ Carbide
Analogowa -30° +30°
- 82502C
Lamb Chop
- 874A45
≈ Richardson Brick
- 745A1D
≈ Hot Mustard
Triada +120° +240°
- 82502C
Lamb Chop
- 156D5B
≈ Forest Splendour
- 615488
≈ Wool Violet
Komplementarna rozszczepiona +150° +210°
- 82502C
Lamb Chop
- 006B74
≈ Toadstool Teal
- 465C8D
≈ Anchor Point
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.70:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.13:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}