Najbliższy nazwany kolor · #5A3A22
#5A3A22
Najbliższy nazwany kolor: Peat Brown
#5A3A22 (rgb(90 58 34), hsl(26 45% 24%), oklch(0.38 0.058 56.8)) jest najbliższy nazwanemu kolorowi Peat Brown. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#5A3A22
oklch(0.38 0.058 56.8)
Konwersje koloru
- HEX
- #5a3a22
- RGB
- rgb(90 58 34)
- HSL
- hsl(26 45% 24%)
- HWB
- hwb(26 13% 65%)
- OKLCH
- oklch(0.38 0.058 56.8)
- OKLab
- oklab(0.38 0.032 0.049)
- CIE Lab
- lab(27.86 12.51 20.84)
- LCH
- lch(27.86 24.31 59)
- CMYK
- cmyk(0% 36% 62% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6A4C36
- 795E4A
- 89715F
- 9A8474
- AA978A
- BBABA1
- CBC0B8
- DCD4CF
- EEEAE7
Odcienie ciemniejsze
- 4D311C
- 412816
- 352011
- 29180B
- 1E1007
- 130903
- 090401
- 030100
- 000000
Tony
- 5E412C
- 624835
- 664F3E
- 6A5647
- 6E5D51
- 72645A
- 756B63
- 79726D
- 7C7976
Harmonie kolorów
Komplementarna +180°
- 5A3A22
Peat Brown
- 20475E
≈ Dark Slate Blue
Analogowa -30° +30°
- 5A3A22
Peat Brown
- 5E3631
≈ Fiery Brown
- 50401A
≈ Avocado Stone
Triada +120° +240°
- 5A3A22
Peat Brown
- 184D42
≈ Swedish Green
- 463C5E
≈ Mulberry Mauve Black
Komplementarna rozszczepiona +150° +210°
- 5A3A22
Peat Brown
- 104B52
≈ Watercolour Blue
- 344162
≈ Bay of Many
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.17:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.06:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.17:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--peat-brown: #5a3a22;
--peat-brown-rgb: 90 58 34;
--peat-brown-oklch: oklch(0.38 0.058 56.8);
}
.element {
color: var(--peat-brown);
background-color: hsl(26 45% 24%);
border-color: oklch(0.38 0.058 56.8);
}Tailwind CSS v4
@theme {
--color-peat-brown: #5a3a22;
--color-peat-brown-50: #fff2e5;
--color-peat-brown-100: #f7e4d5;
--color-peat-brown-200: #e8cfbc;
--color-peat-brown-300: #cfb19a;
--color-peat-brown-400: #ba967d;
--color-peat-brown-500: #a47d60;
--color-peat-brown-600: #8b6a52;
--color-peat-brown-700: #6f5441;
--color-peat-brown-800: #533d2f;
--color-peat-brown-900: #3a2a20;
--color-peat-brown-950: #24180f;
}SCSS
$peat-brown: #5a3a22;
$peat-brown-rgb: 90, 58, 34;
$peat-brown-light: mix(#fff, $peat-brown, 20%);
$peat-brown-dark: mix(#000, $peat-brown, 20%);
.element {
color: $peat-brown;
box-shadow: 0 0 0 2px rgba($peat-brown, 0.35);
}