Adlandırılmış renk · #583D37
Rich Loam
Rich Loam, #583D37: rgb(88 61 55), hsl(11 23% 28%), oklch(0.389 0.04 32.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Rich Loam color name →
#583D37
oklch(0.389 0.04 32.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 684E49
- 78605B
- 88726E
- 988581
- A99995
- B9ACA9
- CBC0BE
- DCD5D3
- EDEAE9
Koyu tonlar
- 4B342E
- 3F2B26
- 33221E
- 281A16
- 1D120F
- 120A08
- 090403
- 030101
- 000000
Gri tonlar
- 5C433E
- 604A45
- 64514C
- 685753
- 6C5E5A
- 706562
- 746B69
- 787271
- 7C7978
Renk uyumları
Tamamlayıcı +180°
- 583D37
Rich Loam
- 2A4A51
≈ Ponderosa Pine
Analog -30° +30°
- 583D37
Rich Loam
- 573C43
≈ Fudge
- 54402E
≈ Antique Brown
Üçlü +120° +240°
- 583D37
Rich Loam
- 344B3B
≈ Norfolk Green
- 3D435A
≈ Amphystine
Bölünmüş tamamlayıcı +150° +210°
- 583D37
Rich Loam
- 2B4C47
≈ Amphibian
- 324758
≈ Aristocratic Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.82:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.13:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.82:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
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);
}