Colore con nome · #3D3732
Fired Earth
Fired Earth è #3D3732: rgb(61 55 50), hsl(27 10% 22%), oklch(0.341 0.012 62.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fired Earth color name →
#3D3732
oklch(0.341 0.012 62.2)
Conversioni di colore
- HEX
- #3d3732
- RGB
- rgb(61 55 50)
- HSL
- hsl(27 10% 22%)
- HWB
- hwb(27 20% 76%)
- OKLCH
- oklch(0.341 0.012 62.2)
- OKLab
- oklab(0.341 0.006 0.011)
- CIE Lab
- lab(23.57 1.97 4.15)
- LCH
- lch(23.57 4.6 64.6)
- CMYK
- cmyk(0% 10% 18% 76%)
Tinte · Ombre · Toni
Tinte
- 4E4844
- 605B56
- 726D69
- 85817D
- 989592
- ACA9A7
- C0BEBC
- D5D3D2
- EAE9E8
Ombre
- 342E2A
- 2B2622
- 221E1B
- 1A1614
- 120F0D
- 0A0807
- 040303
- 010101
- 000000
Toni
- 433E39
- 4A4541
- 504C48
- 575350
- 5E5A58
- 64625F
- 6B6967
- 727170
- 797878
Armonie di colore
Complementare +180°
- 3D3732
Fired Earth
- 33393E
≈ Antarctic Deep
Analogo -30° +30°
- 3D3732
Fired Earth
- 3E3634
≈ Chocolate Torte
- 3A3831
≈ Rosin
Triadico +120° +240°
- 3D3732
Fired Earth
- 323A39
≈ Tàn Hēi Soot
- 39373E
≈ Black Marlin
Complementare divisa +150° +210°
- 3D3732
Fired Earth
- 313A3C
≈ Tàn Hēi Soot
- 36383F
≈ Antarctic Deep
Tetradico +90° +180° +270°
- 3D3732
Fired Earth
- 343A35
≈ Sound of Silence
- 33393E
≈ Antarctic Deep
- 3C363B
≈ Bohemian Black
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.72:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.79:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.72:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--fired-earth: #3d3732;
--fired-earth-rgb: 61 55 50;
--fired-earth-oklch: oklch(0.341 0.012 62.2);
}
.element {
color: var(--fired-earth);
background-color: hsl(27 10% 22%);
border-color: oklch(0.341 0.012 62.2);
}Tailwind CSS v4
@theme {
--color-fired-earth: #3d3732;
--color-fired-earth-50: #f8f4f2;
--color-fired-earth-100: #ebe7e4;
--color-fired-earth-200: #d8d3cf;
--color-fired-earth-300: #bcb6b1;
--color-fired-earth-400: #a49d97;
--color-fired-earth-500: #8c857e;
--color-fired-earth-600: #77706b;
--color-fired-earth-700: #5f5a55;
--color-fired-earth-800: #46413e;
--color-fired-earth-900: #302d2b;
--color-fired-earth-950: #1c1a18;
}SCSS
$fired-earth: #3d3732;
$fired-earth-rgb: 61, 55, 50;
$fired-earth-light: mix(#fff, $fired-earth, 20%);
$fired-earth-dark: mix(#000, $fired-earth, 20%);
.element {
color: $fired-earth;
box-shadow: 0 0 0 2px rgba($fired-earth, 0.35);
}