Nazwany kolor · #583D37
Rich Loam
Rich Loam to #583D37: rgb(88 61 55), hsl(11 23% 28%), oklch(0.389 0.04 32.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Rich Loam color name →
#583D37
oklch(0.389 0.04 32.9)
Konwersje koloru
- HEX
- #583d37
- RGB
- rgb(88 61 55)
- HSL
- hsl(11 23% 28%)
- HWB
- hwb(11 22% 65%)
- OKLCH
- oklch(0.389 0.04 32.9)
- OKLab
- oklab(0.389 0.033 0.022)
- CIE Lab
- lab(28.77 11.55 8.67)
- LCH
- lch(28.77 14.45 36.9)
- CMYK
- cmyk(0% 31% 37% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 684E49
- 78605B
- 88726E
- 988581
- A99995
- B9ACA9
- CBC0BE
- DCD5D3
- EDEAE9
Odcienie ciemniejsze
- 4B342E
- 3F2B26
- 33221E
- 281A16
- 1D120F
- 120A08
- 090403
- 030101
- 000000
Tony
- 5C433E
- 604A45
- 64514C
- 685753
- 6C5E5A
- 706562
- 746B69
- 787271
- 7C7978
Harmonie kolorów
Komplementarna +180°
- 583D37
Rich Loam
- 2A4A51
≈ Ponderosa Pine
Analogowa -30° +30°
- 583D37
Rich Loam
- 573C43
≈ Fudge
- 54402E
≈ Antique Brown
Triada +120° +240°
- 583D37
Rich Loam
- 344B3B
≈ Norfolk Green
- 3D435A
≈ Amphystine
Komplementarna rozszczepiona +150° +210°
- 583D37
Rich Loam
- 2B4C47
≈ Amphibian
- 324758
≈ Aristocratic Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.82:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.13:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.82:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--rich-loam: #583d37;
--rich-loam-rgb: 88 61 55;
--rich-loam-oklch: oklch(0.389 0.04 32.9);
}
.element {
color: var(--rich-loam);
background-color: hsl(11 23% 28%);
border-color: oklch(0.389 0.04 32.9);
}Tailwind CSS v4
@theme {
--color-rich-loam: #583d37;
--color-rich-loam-50: #fff1ee;
--color-rich-loam-100: #f5e4df;
--color-rich-loam-200: #e5cfc9;
--color-rich-loam-300: #cbb1aa;
--color-rich-loam-400: #b59690;
--color-rich-loam-500: #9f7d75;
--color-rich-loam-600: #866a64;
--color-rich-loam-700: #6c554f;
--color-rich-loam-800: #4f3d3a;
--color-rich-loam-900: #372a28;
--color-rich-loam-950: #221816;
}SCSS
$rich-loam: #583d37;
$rich-loam-rgb: 88, 61, 55;
$rich-loam-light: mix(#fff, $rich-loam, 20%);
$rich-loam-dark: mix(#000, $rich-loam, 20%);
.element {
color: $rich-loam;
box-shadow: 0 0 0 2px rgba($rich-loam, 0.35);
}