Color con nombre · #A4BE8D
Gaia Stone
Gaia Stone es #A4BE8D: rgb(164 190 141), hsl(92 27% 65%), oklch(0.769 0.073 130.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Gaia Stone color name →
#A4BE8D
oklch(0.769 0.073 130.7)
Conversiones de color
- HEX
- #a4be8d
- RGB
- rgb(164 190 141)
- HSL
- hsl(92 27% 65%)
- HWB
- hwb(92 55% 25%)
- OKLCH
- oklch(0.769 0.073 130.7)
- OKLab
- oklab(0.769 -0.048 0.056)
- CIE Lab
- lab(74.05 -15.79 21.77)
- LCH
- lch(74.05 26.9 126)
- CMYK
- cmyk(14% 0% 26% 25%)
Tintes · Sombras · Tonos
Tintes
- ADC498
- B6CBA3
- BFD1AF
- C8D8BA
- D1DEC5
- DAE5D1
- E3EBDC
- ECF2E8
- F6F8F3
Sombras
- 8EA57A
- 798C67
- 647555
- 505E44
- 3D4833
- 2B3323
- 1A1F14
- 0A0D07
- 010201
Tonos
- A0B88C
- 9DB18B
- 99AB8A
- 96A588
- 929F87
- 8E9886
- 8B9284
- 878C83
- 848682
Armonías de color
Complementario +180°
- A4BE8D
Gaia Stone
- C3A7D7
≈ Perfume
Análogo -30° +30°
- A4BE8D
Gaia Stone
- BEB67F
≈ Cool Avocado
- 8AC3A5
≈ Lark Green
Triádico +120° +240°
- A4BE8D
Gaia Stone
- 91B8E2
≈ Adrift on the Nile
- DEA1A9
≈ Nana’s Rose
Complementario dividido +150° +210°
- A4BE8D
Gaia Stone
- ABAFE2
≈ Maximum Blue Purple
- D5A2C2
≈ Pastel Lavender
Tetrádico +90° +180° +270°
- A4BE8D
Gaia Stone
- 7EBFD5
≈ Ocean Horizon
- C3A7D7
≈ Perfume
- DDA590
≈ Shy Champagne Blush
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.03:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.32:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--gaia-stone: #a4be8d;
--gaia-stone-rgb: 164 190 141;
--gaia-stone-oklch: oklch(0.769 0.073 130.7);
}
.element {
color: var(--gaia-stone);
background-color: hsl(92 27% 65%);
border-color: oklch(0.769 0.073 130.7);
}Tailwind CSS v4
@theme {
--color-gaia-stone: #a4be8d;
--color-gaia-stone-50: #edfae5;
--color-gaia-stone-100: #dfeed5;
--color-gaia-stone-200: #c8dbbc;
--color-gaia-stone-300: #a9c09a;
--color-gaia-stone-400: #90a87a;
--color-gaia-stone-500: #75905c;
--color-gaia-stone-600: #637a4f;
--color-gaia-stone-700: #4f623f;
--color-gaia-stone-800: #3b472c;
--color-gaia-stone-900: #28311d;
--color-gaia-stone-950: #161d0d;
}SCSS
$gaia-stone: #a4be8d;
$gaia-stone-rgb: 164, 190, 141;
$gaia-stone-light: mix(#fff, $gaia-stone, 20%);
$gaia-stone-dark: mix(#000, $gaia-stone, 20%);
.element {
color: $gaia-stone;
box-shadow: 0 0 0 2px rgba($gaia-stone, 0.35);
}