Colore con nome · #935444
Prairie Clay
Prairie Clay è #935444: rgb(147 84 68), hsl(12 37% 42%), oklch(0.515 0.088 35.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Prairie Clay color name →
#935444
oklch(0.515 0.088 35.1)
Conversioni di colore
- HEX
- #935444
- RGB
- rgb(147 84 68)
- HSL
- hsl(12 37% 42%)
- HWB
- hwb(12 27% 42%)
- OKLCH
- oklch(0.515 0.088 35.1)
- OKLab
- oklab(0.515 0.072 0.051)
- CIE Lab
- lab(43.06 25.6 21.25)
- LCH
- lch(43.06 33.27 39.7)
- CMYK
- cmyk(0% 43% 54% 42%)
Tinte · Ombre · Toni
Tinte
- 9E6455
- AA7567
- B58579
- C0968B
- CBA79E
- D5B8B1
- E0CAC4
- EADBD7
- F5EDEB
Ombre
- 7F483A
- 6C3C30
- 593126
- 47261D
- 361B14
- 25110C
- 160805
- 080202
- 010000
Toni
- 92594A
- 905D50
- 8F6256
- 8D675C
- 8C6B62
- 8A6F68
- 88746E
- 857874
- 837C7A
Armonie di colore
Complementare +180°
- 935444
Prairie Clay
- 0D7487
≈ Glamour Green
Analogo -30° +30°
- 935444
Prairie Clay
- 925161
≈ Vin Rouge
- 8A5C2B
≈ Treacle
Triadico +120° +240°
- 935444
Prairie Clay
- 397651
≈ Grasslands
- 59639A
≈ Iris Bloom
Complementare divisa +150° +210°
- 935444
Prairie Clay
- 0C786E
≈ Pond Moss
- 386C97
≈ Queen Blue
Tetradico +90° +180° +270°
- 935444
Prairie Clay
- 5C7035
≈ Venom Wyrm
- 0D7487
≈ Glamour Green
- 735A90
≈ Emperor Jewel
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.84:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.59:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.84:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--prairie-clay: #935444;
--prairie-clay-rgb: 147 84 68;
--prairie-clay-oklch: oklch(0.515 0.088 35.1);
}
.element {
color: var(--prairie-clay);
background-color: hsl(12 37% 42%);
border-color: oklch(0.515 0.088 35.1);
}Tailwind CSS v4
@theme {
--color-prairie-clay: #935444;
--color-prairie-clay-50: #ffede4;
--color-prairie-clay-100: #ffded3;
--color-prairie-clay-200: #f7c8ba;
--color-prairie-clay-300: #e0a898;
--color-prairie-clay-400: #cd8c7b;
--color-prairie-clay-500: #b9705e;
--color-prairie-clay-600: #9c5f50;
--color-prairie-clay-700: #7d4c3f;
--color-prairie-clay-800: #5d372e;
--color-prairie-clay-900: #41251f;
--color-prairie-clay-950: #2a140f;
}SCSS
$prairie-clay: #935444;
$prairie-clay-rgb: 147, 84, 68;
$prairie-clay-light: mix(#fff, $prairie-clay, 20%);
$prairie-clay-dark: mix(#000, $prairie-clay, 20%);
.element {
color: $prairie-clay;
box-shadow: 0 0 0 2px rgba($prairie-clay, 0.35);
}