Cor nomeada · #D79584
Sunburnt Toes
Sunburnt Toes é #D79584: rgb(215 149 132), hsl(12 51% 68%), oklch(0.73 0.084 35). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sunburnt Toes color name →
#D79584
oklch(0.73 0.084 35)
Conversões de cor
- HEX
- #d79584
- RGB
- rgb(215 149 132)
- HSL
- hsl(12 51% 68%)
- HWB
- hwb(12 52% 16%)
- OKLCH
- oklch(0.73 0.084 35)
- OKLab
- oklab(0.73 0.069 0.048)
- CIE Lab
- lab(68.07 24.05 19.54)
- LCH
- lch(68.07 30.99 39.1)
- CMYK
- cmyk(0% 31% 39% 16%)
Tons claros · Sombras · Tons
Tons claros
- DC9F90
- E0AA9C
- E4B4A8
- E9BFB4
- EDCAC0
- F1D4CD
- F5DFD9
- F8EAE6
- FCF4F2
Sombras
- BB8172
- 9F6D60
- 855A4F
- 6B483F
- 52372F
- 3B2620
- 251612
- 110806
- 020101
Tons
- CE9384
- C69184
- BD8F83
- B48D83
- AC8B83
- A38982
- 9A8782
- 928581
- 898281
Harmonias de cor
Complementar +180°
- D79584
Sunburnt Toes
- 64B6C9
≈ Blouson Blue
Análoga -30° +30°
- D79584
Sunburnt Toes
- D692A1
≈ Sugar Tooth
- CD9D6F
≈ White Oak
Tríade +120° +240°
- D79584
Sunburnt Toes
- 7CB891
≈ Green Eggs and Ham
- 98A4DD
≈ Dalmatian Sage
Complementar dividida +150° +210°
- D79584
Sunburnt Toes
- 65B9AF
≈ Florida Turquoise
- 7AAEDA
≈ High Seas
Tétrade +90° +180° +270°
- D79584
Sunburnt Toes
- 9CB177
≈ Death Guard
- 64B6C9
≈ Blouson Blue
- B49BD3
≈ Violet Velvet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.46:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.52:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--sunburnt-toes: #d79584;
--sunburnt-toes-rgb: 215 149 132;
--sunburnt-toes-oklch: oklch(0.73 0.084 35);
}
.element {
color: var(--sunburnt-toes);
background-color: hsl(12 51% 68%);
border-color: oklch(0.73 0.084 35);
}Tailwind CSS v4
@theme {
--color-sunburnt-toes: #d79584;
--color-sunburnt-toes-50: #ffede4;
--color-sunburnt-toes-100: #ffdfd4;
--color-sunburnt-toes-200: #f6c9bb;
--color-sunburnt-toes-300: #dea999;
--color-sunburnt-toes-400: #cb8d7d;
--color-sunburnt-toes-500: #b77160;
--color-sunburnt-toes-600: #9a6051;
--color-sunburnt-toes-700: #7c4d41;
--color-sunburnt-toes-800: #5c372f;
--color-sunburnt-toes-900: #402620;
--color-sunburnt-toes-950: #291410;
}SCSS
$sunburnt-toes: #d79584;
$sunburnt-toes-rgb: 215, 149, 132;
$sunburnt-toes-light: mix(#fff, $sunburnt-toes, 20%);
$sunburnt-toes-dark: mix(#000, $sunburnt-toes, 20%);
.element {
color: $sunburnt-toes;
box-shadow: 0 0 0 2px rgba($sunburnt-toes, 0.35);
}