Color con nombre · #A7A796
Frosted Fern
Frosted Fern es #A7A796: rgb(167 167 150), hsl(60 9% 62%), oklch(0.724 0.024 107). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Frosted Fern color name →
#A7A796
oklch(0.724 0.024 107)
Conversiones de color
- HEX
- #a7a796
- RGB
- rgb(167 167 150)
- HSL
- hsl(60 9% 62%)
- HWB
- hwb(60 59% 35%)
- OKLCH
- oklch(0.724 0.024 107)
- OKLab
- oklab(0.724 -0.007 0.023)
- CIE Lab
- lab(68.13 -2.28 8.83)
- LCH
- lch(68.13 9.12 104.5)
- CMYK
- cmyk(0% 0% 10% 35%)
Tintes · Sombras · Tonos
Tintes
- AFAFA0
- B8B8AA
- C1C1B5
- C9C9BF
- D2D2C9
- DBDBD4
- E4E4DF
- EDEDE9
- F6F6F4
Sombras
- 919182
- 7B7B6E
- 66665B
- 525249
- 3E3E37
- 2C2C26
- 1A1A16
- 0A0A08
- 010101
Tonos
- A3A394
- 9F9F92
- 9B9B8F
- 97978D
- 93938B
- 8F8F89
- 8B8C87
- 888884
- 848482
Armonías de color
Complementario +180°
- A7A796
Frosted Fern
- A4A4B4
≈ Curated Lilac
Análogo -30° +30°
- A7A796
Frosted Fern
- AEA495
≈ Smoked Tan
- 9FA99B
≈ Secret Retreat
Triádico +120° +240°
- A7A796
Frosted Fern
- 97A9B2
≈ Meditative
- B2A0A9
≈ Symbolic
Complementario dividido +150° +210°
- A7A796
Frosted Fern
- 9CA7B5
≈ Acier Tint
- ACA1B0
≈ Luxe Lilac
Tetrádico +90° +180° +270°
- A7A796
Frosted Fern
- 95ABAB
≈ Grey Mist
- A4A4B4
≈ Curated Lilac
- B4A0A0
≈ Dusky Hyacinth
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.61:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--frosted-fern: #a7a796;
--frosted-fern-rgb: 167 167 150;
--frosted-fern-oklch: oklch(0.724 0.024 107);
}
.element {
color: var(--frosted-fern);
background-color: hsl(60 9% 62%);
border-color: oklch(0.724 0.024 107);
}Tailwind CSS v4
@theme {
--color-frosted-fern: #a7a796;
--color-frosted-fern-50: #f5f6ee;
--color-frosted-fern-100: #e8e9e0;
--color-frosted-fern-200: #d5d5ca;
--color-frosted-fern-300: #b8b9ab;
--color-frosted-fern-400: #a0a090;
--color-frosted-fern-500: #888875;
--color-frosted-fern-600: #737364;
--color-frosted-fern-700: #5c5c4f;
--color-frosted-fern-800: #43433a;
--color-frosted-fern-900: #2f2e27;
--color-frosted-fern-950: #1b1b16;
}SCSS
$frosted-fern: #a7a796;
$frosted-fern-rgb: 167, 167, 150;
$frosted-fern-light: mix(#fff, $frosted-fern, 20%);
$frosted-fern-dark: mix(#000, $frosted-fern, 20%);
.element {
color: $frosted-fern;
box-shadow: 0 0 0 2px rgba($frosted-fern, 0.35);
}