Colore con nome · #733D1F
Peruvian Soil
Peruvian Soil è #733D1F: rgb(115 61 31), hsl(21 58% 29%), oklch(0.422 0.087 48). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Peruvian Soil color name →
#733D1F
oklch(0.422 0.087 48)
Conversioni di colore
- HEX
- #733d1f
- RGB
- rgb(115 61 31)
- HSL
- hsl(21 58% 29%)
- HWB
- hwb(21 12% 55%)
- OKLCH
- oklch(0.422 0.087 48)
- OKLab
- oklab(0.422 0.058 0.065)
- CIE Lab
- lab(32.35 22.26 28.86)
- LCH
- lch(32.35 36.45 52.4)
- CMYK
- cmyk(0% 47% 73% 55%)
Tinte · Ombre · Toni
Tinte
- 814F35
- 8F614A
- 9D745F
- AB8775
- B99A8B
- C7AEA1
- D5C2B8
- E3D6CF
- F1EAE7
Ombre
- 633419
- 542B14
- 45220F
- 361A0A
- 281206
- 1B0A03
- 0F0401
- 050100
- 010000
Toni
- 75442A
- 774B34
- 79523E
- 7A5847
- 7C5F51
- 7D665A
- 7E6C64
- 7F736D
- 7F7976
Armonie di colore
Complementare +180°
- 733D1F
Peruvian Soil
- 005671
≈ Night Kite
Analogo -30° +30°
- 733D1F
Peruvian Soil
- 76383B
≈ Madder Brown
- 674602
≈ Violin Brown
Triadico +120° +240°
- 733D1F
Peruvian Soil
- 005C44
≈ Forest Shadows
- 4C457A
≈ Fresh Eggplant
Complementare divisa +150° +210°
- 733D1F
Peruvian Soil
- 00595C
≈ Deep Sea Green
- 2E4E7C
≈ High Altar
Tetradico +90° +180° +270°
- 733D1F
Peruvian Soil
- 345827
≈ Pine
- 005671
≈ Night Kite
- 613D6C
≈ Grape Popsicle
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.69:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.41:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.69:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--peruvian-soil: #733d1f;
--peruvian-soil-rgb: 115 61 31;
--peruvian-soil-oklch: oklch(0.422 0.087 48);
}
.element {
color: var(--peruvian-soil);
background-color: hsl(21 58% 29%);
border-color: oklch(0.422 0.087 48);
}Tailwind CSS v4
@theme {
--color-peruvian-soil: #733d1f;
--color-peruvian-soil-50: #ffefe0;
--color-peruvian-soil-100: #ffe0cf;
--color-peruvian-soil-200: #f4cab4;
--color-peruvian-soil-300: #ddab90;
--color-peruvian-soil-400: #c98f71;
--color-peruvian-soil-500: #b57452;
--color-peruvian-soil-600: #996246;
--color-peruvian-soil-700: #7b4e37;
--color-peruvian-soil-800: #5b3928;
--color-peruvian-soil-900: #40271b;
--color-peruvian-soil-950: #29150b;
}SCSS
$peruvian-soil: #733d1f;
$peruvian-soil-rgb: 115, 61, 31;
$peruvian-soil-light: mix(#fff, $peruvian-soil, 20%);
$peruvian-soil-dark: mix(#000, $peruvian-soil, 20%);
.element {
color: $peruvian-soil;
box-shadow: 0 0 0 2px rgba($peruvian-soil, 0.35);
}