Cor nomeada · #693C3B
Earthly Pleasures
Earthly Pleasures é #693C3B: rgb(105 60 59), hsl(1 28% 32%), oklch(0.411 0.064 21.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Earthly Pleasures color name →
#693C3B
oklch(0.411 0.064 21.6)
Conversões de cor
- HEX
- #693c3b
- RGB
- rgb(105 60 59)
- HSL
- hsl(1 28% 32%)
- HWB
- hwb(1 23% 59%)
- OKLCH
- oklch(0.411 0.064 21.6)
- OKLab
- oklab(0.411 0.059 0.023)
- CIE Lab
- lab(30.99 20.2 9.59)
- LCH
- lch(30.99 22.37 25.4)
- CMYK
- cmyk(0% 43% 44% 59%)
Tons claros · Sombras · Tons
Tons claros
- 784E4C
- 87605E
- 957271
- A48584
- B39997
- C2ACAB
- D1C1C0
- E1D5D4
- F0EAE9
Sombras
- 5A3332
- 4C2A29
- 3E2121
- 311919
- 241111
- 180A09
- 0C0404
- 040101
- 000000
Tons
- 6C4342
- 6F4A48
- 71504F
- 745756
- 765E5D
- 786564
- 7A6B6B
- 7C7272
- 7E7979
Harmonias de cor
Complementar +180°
- 693C3B
Earthly Pleasures
- 115559
≈ Seaworld
Análoga -30° +30°
- 693C3B
Earthly Pleasures
- 653C4E
≈ Crushed Violets
- 664029
≈ Van Dyke Brown
Tríade +120° +240°
- 693C3B
Earthly Pleasures
- 365332
≈ Goblin
- 374A6D
≈ Naval Blue
Complementar dividida +150° +210°
- 693C3B
Earthly Pleasures
- 1F5646
≈ Bagpiper
- 215167
≈ Juggernaut
Tétrade +90° +180° +270°
- 693C3B
Earthly Pleasures
- 4C4E22
≈ Army Green
- 115559
≈ Seaworld
- 4B446A
≈ Evening Lavender
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.09:1 · APCA Lc 91
Ag
FailSobre preto
WCAG 2.31:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 9.09:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--earthly-pleasures: #693c3b;
--earthly-pleasures-rgb: 105 60 59;
--earthly-pleasures-oklch: oklch(0.411 0.064 21.6);
}
.element {
color: var(--earthly-pleasures);
background-color: hsl(1 28% 32%);
border-color: oklch(0.411 0.064 21.6);
}Tailwind CSS v4
@theme {
--color-earthly-pleasures: #693c3b;
--color-earthly-pleasures-50: #ffefec;
--color-earthly-pleasures-100: #fde0de;
--color-earthly-pleasures-200: #efcac7;
--color-earthly-pleasures-300: #d6aba8;
--color-earthly-pleasures-400: #c2908e;
--color-earthly-pleasures-500: #ad7573;
--color-earthly-pleasures-600: #926462;
--color-earthly-pleasures-700: #754f4e;
--color-earthly-pleasures-800: #563a39;
--color-earthly-pleasures-900: #3c2727;
--color-earthly-pleasures-950: #261515;
}SCSS
$earthly-pleasures: #693c3b;
$earthly-pleasures-rgb: 105, 60, 59;
$earthly-pleasures-light: mix(#fff, $earthly-pleasures, 20%);
$earthly-pleasures-dark: mix(#000, $earthly-pleasures, 20%);
.element {
color: $earthly-pleasures;
box-shadow: 0 0 0 2px rgba($earthly-pleasures, 0.35);
}