Nazwany kolor · #9E6E43
Desert Clay
Desert Clay to #9E6E43: rgb(158 110 67), hsl(28 40% 44%), oklch(0.578 0.085 61.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Desert Clay color name →
#9E6E43
oklch(0.578 0.085 61.8)
Konwersje koloru
- HEX
- #9e6e43
- RGB
- rgb(158 110 67)
- HSL
- hsl(28 40% 44%)
- HWB
- hwb(28 26% 38%)
- OKLCH
- oklch(0.578 0.085 61.8)
- OKLab
- oklab(0.578 0.04 0.075)
- CIE Lab
- lab(50.83 16.13 31.76)
- LCH
- lch(50.83 35.62 63.1)
- CMYK
- cmyk(0% 30% 58% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A87C56
- B28A68
- BB987A
- C5A68D
- CFB59F
- D9C3B2
- E2D2C5
- ECE1D8
- F5F0EB
Odcienie ciemniejsze
- 895F39
- 74502F
- 604126
- 4D331D
- 3A2614
- 29190C
- 180E05
- 090401
- 010100
Tony
- 9B704A
- 997251
- 967457
- 93765D
- 907863
- 8D7969
- 8A7B6F
- 877D75
- 837E7A
Harmonie kolorów
Komplementarna +180°
- 9E6E43
Desert Clay
- 4980A8
≈ Neapolitan Blue
Analogowa -30° +30°
- 9E6E43
Desert Clay
- A6675A
≈ Sun Baked Earth
- 8C783A
≈ Banyan Tree
Triada +120° +240°
- 9E6E43
Desert Clay
- 348A7D
≈ Copper Turquoise
- 836EA4
≈ Babiana
Komplementarna rozszczepiona +150° +210°
- 9E6E43
Desert Clay
- 2F8797
≈ Precious Stone
- 6877AC
≈ Midnight Violet
Tetrada +90° +180° +270°
- 9E6E43
Desert Clay
- 528861
≈ Spring Garden
- 4980A8
≈ Neapolitan Blue
- 976790
≈ Tulipan Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.40:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.76:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.76:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--desert-clay: #9e6e43;
--desert-clay-rgb: 158 110 67;
--desert-clay-oklch: oklch(0.578 0.085 61.8);
}
.element {
color: var(--desert-clay);
background-color: hsl(28 40% 44%);
border-color: oklch(0.578 0.085 61.8);
}Tailwind CSS v4
@theme {
--color-desert-clay: #9e6e43;
--color-desert-clay-50: #fff1dd;
--color-desert-clay-100: #fde3cb;
--color-desert-clay-200: #efcdaf;
--color-desert-clay-300: #d7af8a;
--color-desert-clay-400: #c3936a;
--color-desert-clay-500: #af7948;
--color-desert-clay-600: #93663e;
--color-desert-clay-700: #765231;
--color-desert-clay-800: #583b23;
--color-desert-clay-900: #3e2917;
--color-desert-clay-950: #271608;
}SCSS
$desert-clay: #9e6e43;
$desert-clay-rgb: 158, 110, 67;
$desert-clay-light: mix(#fff, $desert-clay, 20%);
$desert-clay-dark: mix(#000, $desert-clay, 20%);
.element {
color: $desert-clay;
box-shadow: 0 0 0 2px rgba($desert-clay, 0.35);
}