Color con nombre · #AB9BA5
Laylock
Laylock es #AB9BA5: rgb(171 155 165), hsl(322 9% 64%), oklch(0.706 0.023 339.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Laylock color name →
#AB9BA5
oklch(0.706 0.023 339.8)
Conversiones de color
- HEX
- #ab9ba5
- RGB
- rgb(171 155 165)
- HSL
- hsl(322 9% 64%)
- HWB
- hwb(322 61% 33%)
- OKLCH
- oklch(0.706 0.023 339.8)
- OKLab
- oklab(0.706 0.022 -0.008)
- CIE Lab
- lab(65.62 7.42 -2.99)
- LCH
- lch(65.62 8 338)
- CMYK
- cmyk(0% 9% 4% 33%)
Tintes · Sombras · Tonos
Tintes
- B3A5AE
- BBAEB6
- C4B8BF
- CCC2C8
- D4CCD1
- DDD6DA
- E5E0E3
- EEEAEC
- F6F5F6
Sombras
- 94868F
- 7E7279
- 685E65
- 544B51
- 40393D
- 2D282B
- 1B181A
- 0B090A
- 010101
Tonos
- A798A1
- A2969D
- 9E939A
- 9A9096
- 958D92
- 918B8F
- 8D888B
- 888587
- 848384
Armonías de color
Complementario +180°
- AB9BA5
Laylock
- 95A59B
≈ Olive Soap
Análogo -30° +30°
- AB9BA5
Laylock
- A59DAC
≈ Goose Wing Grey
- AE9B9D
≈ Powdered Brick
Triádico +120° +240°
- AB9BA5
Laylock
- A4A191
≈ Little Valley
- 91A4AB
≈ Galleria Blue
Complementario dividido +150° +210°
- AB9BA5
Laylock
- 9CA494
≈ Spring Spirits
- 91A5A3
≈ Galway Bay
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASobre negro
WCAG 7.96:1 · APCA Lc 51
Mejor color de texto: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmentos de código
CSS
:root {
--laylock: #ab9ba5;
--laylock-rgb: 171 155 165;
--laylock-oklch: oklch(0.706 0.023 339.8);
}
.element {
color: var(--laylock);
background-color: hsl(322 9% 64%);
border-color: oklch(0.706 0.023 339.8);
}Tailwind CSS v4
@theme {
--color-laylock: #ab9ba5;
--color-laylock-50: #faf3f7;
--color-laylock-100: #eee5ea;
--color-laylock-200: #dcd0d7;
--color-laylock-300: #c0b3bb;
--color-laylock-400: #a899a3;
--color-laylock-500: #91808b;
--color-laylock-600: #7b6d76;
--color-laylock-700: #62575e;
--color-laylock-800: #483f45;
--color-laylock-900: #322c30;
--color-laylock-950: #1e191c;
}SCSS
$laylock: #ab9ba5;
$laylock-rgb: 171, 155, 165;
$laylock-light: mix(#fff, $laylock, 20%);
$laylock-dark: mix(#000, $laylock, 20%);
.element {
color: $laylock;
box-shadow: 0 0 0 2px rgba($laylock, 0.35);
}