Cor nomeada · #A79C8E
Foggy Sunrise
Foggy Sunrise é #A79C8E: rgb(167 156 142), hsl(34 12% 61%), oklch(0.698 0.024 74). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Foggy Sunrise color name →
#A79C8E
oklch(0.698 0.024 74)
Conversões de cor
- HEX
- #a79c8e
- RGB
- rgb(167 156 142)
- HSL
- hsl(34 12% 61%)
- HWB
- hwb(34 56% 35%)
- OKLCH
- oklch(0.698 0.024 74)
- OKLab
- oklab(0.698 0.007 0.023)
- CIE Lab
- lab(65.02 2.36 8.88)
- LCH
- lch(65.02 9.19 75.1)
- CMYK
- cmyk(0% 7% 15% 35%)
Tons claros · Sombras · Tons
Tons claros
- B0A599
- B8AFA4
- C1B9AF
- C9C3BA
- D2CCC5
- DBD6D0
- E4E0DC
- EDEBE8
- F6F5F3
Sombras
- 91877B
- 7B7368
- 665F56
- 524C44
- 3E3934
- 2C2824
- 1A1815
- 0A0907
- 010101
Tons
- A3998D
- 9F968B
- 9B948A
- 979188
- 938E87
- 8F8B86
- 8C8884
- 888683
- 848381
Harmonias de cor
Complementar +180°
- A79C8E
Foggy Sunrise
- 949FAD
≈ Frilled Shark
Análoga -30° +30°
- A79C8E
Foggy Sunrise
- AB9A92
≈ Desert Dusk
- A09F8E
≈ Smoky Slate
Tríade +120° +240°
- A79C8E
Foggy Sunrise
- 8EA3A2
≈ October Sky
- A39AA8
≈ Native Lilac
Complementar dividida +150° +210°
- A79C8E
Foggy Sunrise
- 8FA1A9
≈ Stormy Skies
- 9C9CAD
≈ Adhesion
Tétrade +90° +180° +270°
- A79C8E
Foggy Sunrise
- 91A39A
≈ Spruce Shade
- 949FAD
≈ Frilled Shark
- A998A1
≈ Fig Preserves
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.69:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.78:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--foggy-sunrise: #a79c8e;
--foggy-sunrise-rgb: 167 156 142;
--foggy-sunrise-oklch: oklch(0.698 0.024 74);
}
.element {
color: var(--foggy-sunrise);
background-color: hsl(34 12% 61%);
border-color: oklch(0.698 0.024 74);
}Tailwind CSS v4
@theme {
--color-foggy-sunrise: #a79c8e;
--color-foggy-sunrise-50: #f9f4ee;
--color-foggy-sunrise-100: #ede7df;
--color-foggy-sunrise-200: #dad3c9;
--color-foggy-sunrise-300: #bfb6aa;
--color-foggy-sunrise-400: #a79d8f;
--color-foggy-sunrise-500: #908475;
--color-foggy-sunrise-600: #7a7063;
--color-foggy-sunrise-700: #61594f;
--color-foggy-sunrise-800: #48413a;
--color-foggy-sunrise-900: #322d27;
--color-foggy-sunrise-950: #1e1a16;
}SCSS
$foggy-sunrise: #a79c8e;
$foggy-sunrise-rgb: 167, 156, 142;
$foggy-sunrise-light: mix(#fff, $foggy-sunrise, 20%);
$foggy-sunrise-dark: mix(#000, $foggy-sunrise, 20%);
.element {
color: $foggy-sunrise;
box-shadow: 0 0 0 2px rgba($foggy-sunrise, 0.35);
}