Color con nombre · #A39880
Livingston
Livingston es #A39880: rgb(163 152 128), hsl(41 16% 57%), oklch(0.683 0.036 86.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Livingston color name →
#A39880
oklch(0.683 0.036 86.3)
Conversiones de color
- HEX
- #a39880
- RGB
- rgb(163 152 128)
- HSL
- hsl(41 16% 57%)
- HWB
- hwb(41 50% 36%)
- OKLCH
- oklch(0.683 0.036 86.3)
- OKLab
- oklab(0.683 0.002 0.036)
- CIE Lab
- lab(63.32 1.21 14.22)
- LCH
- lch(63.32 14.27 85.2)
- CMYK
- cmyk(0% 7% 21% 36%)
Tintes · Sombras · Tonos
Tintes
- ACA28C
- B5AC98
- BEB6A5
- C7C0B1
- D0CABE
- D9D5CB
- E3DFD8
- ECEAE5
- F5F4F2
Sombras
- 8D846E
- 78705D
- 635C4D
- 4F4A3D
- 3C382E
- 2A271F
- 191712
- 0A0806
- 010101
Tonos
- 9F9680
- 9C9380
- 989180
- 958E80
- 918C80
- 8E8A80
- 8A8780
- 878580
- 838280
Armonías de color
Complementario +180°
- A39880
Livingston
- 8F99B0
≈ Moon Veil
Análogo -30° +30°
- A39880
Livingston
- AB9484
≈ Silent Sands
- 979C83
≈ Leek Green
Triádico +120° +240°
- A39880
Livingston
- 80A0A4
≈ Cold Waterlogged Lab Coat
- A592A5
≈ Fields of Provence
Complementario dividido +150° +210°
- A39880
Livingston
- 849DAD
≈ Bali Hai
- 9B95AD
≈ Night Music
Tetrádico +90° +180° +270°
- A39880
Livingston
- 82A198
≈ Gnome
- 8F99B0
≈ Moon Veil
- AD909A
≈ Mauve Shadows
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.85:1 · APCA Lc 55
Ag
AAASobre negro
WCAG 7.36:1 · APCA Lc 47
Mejor color de texto: #000000
WCAG 7.36:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmentos de código
CSS
:root {
--livingston: #a39880;
--livingston-rgb: 163 152 128;
--livingston-oklch: oklch(0.683 0.036 86.3);
}
.element {
color: var(--livingston);
background-color: hsl(41 16% 57%);
border-color: oklch(0.683 0.036 86.3);
}Tailwind CSS v4
@theme {
--color-livingston: #a39880;
--color-livingston-50: #f9f5ea;
--color-livingston-100: #ede7db;
--color-livingston-200: #dbd4c3;
--color-livingston-300: #bfb7a3;
--color-livingston-400: #a89d86;
--color-livingston-500: #91856b;
--color-livingston-600: #7a715b;
--color-livingston-700: #625a48;
--color-livingston-800: #484234;
--color-livingston-900: #322d24;
--color-livingston-950: #1e1a12;
}SCSS
$livingston: #a39880;
$livingston-rgb: 163, 152, 128;
$livingston-light: mix(#fff, $livingston, 20%);
$livingston-dark: mix(#000, $livingston, 20%);
.element {
color: $livingston;
box-shadow: 0 0 0 2px rgba($livingston, 0.35);
}