Color con nombre · #AEA692
Spray Green
Spray Green es #AEA692: rgb(174 166 146), hsl(43 15% 63%), oklch(0.726 0.03 88.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Spray Green color name →
#AEA692
oklch(0.726 0.03 88.8)
Conversiones de color
- HEX
- #aea692
- RGB
- rgb(174 166 146)
- HSL
- hsl(43 15% 63%)
- HWB
- hwb(43 57% 32%)
- OKLCH
- oklch(0.726 0.03 88.8)
- OKLab
- oklab(0.726 0.001 0.03)
- CIE Lab
- lab(68.39 0.44 11.49)
- LCH
- lch(68.39 11.5 87.8)
- CMYK
- cmyk(0% 5% 16% 32%)
Tintes · Sombras · Tonos
Tintes
- B6AF9C
- BEB7A7
- C6C0B2
- CEC9BC
- D6D2C7
- DEDBD2
- E6E4DD
- EEEDE8
- F7F6F4
Sombras
- 97907E
- 807A6B
- 6A6558
- 555146
- 413E35
- 2E2B25
- 1C1A16
- 0B0A08
- 010101
Tonos
- A9A290
- A59E8E
- A09A8D
- 9B978B
- 979389
- 928F87
- 8E8B86
- 898784
- 848482
Armonías de color
Complementario +180°
- AEA692
Spray Green
- 9FA6BA
≈ Icelandic Blue
Análogo -30° +30°
- AEA692
Spray Green
- B5A395
≈ Net Worker
- A4A995
≈ Simply Sage
Triádico +120° +240°
- AEA692
Spray Green
- 92ACB0
≈ Beach Cottage
- B1A0B0
≈ Symbolic
Complementario dividido +150° +210°
- AEA692
Spray Green
- 96AAB7
≈ Ashen Wind
- A9A3B7
≈ Awaken
Tetrádico +90° +180° +270°
- AEA692
Spray Green
- 94ADA7
≈ Grey Mist
- 9FA6BA
≈ Icelandic Blue
- B79FA6
≈ Pinterested
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.42:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.66:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.66:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--spray-green: #aea692;
--spray-green-rgb: 174 166 146;
--spray-green-oklch: oklch(0.726 0.03 88.8);
}
.element {
color: var(--spray-green);
background-color: hsl(43 15% 63%);
border-color: oklch(0.726 0.03 88.8);
}Tailwind CSS v4
@theme {
--color-spray-green: #aea692;
--color-spray-green-50: #f8f5ec;
--color-spray-green-100: #ebe8dd;
--color-spray-green-200: #d9d4c6;
--color-spray-green-300: #bdb7a7;
--color-spray-green-400: #a59e8b;
--color-spray-green-500: #8e8670;
--color-spray-green-600: #78715f;
--color-spray-green-700: #605a4c;
--color-spray-green-800: #474237;
--color-spray-green-900: #312d25;
--color-spray-green-950: #1d1a14;
}SCSS
$spray-green: #aea692;
$spray-green-rgb: 174, 166, 146;
$spray-green-light: mix(#fff, $spray-green, 20%);
$spray-green-dark: mix(#000, $spray-green, 20%);
.element {
color: $spray-green;
box-shadow: 0 0 0 2px rgba($spray-green, 0.35);
}