Cor nomeada · #9CA9AD
Seryi Grey
Seryi Grey é #9CA9AD: rgb(156 169 173), hsl(194 9% 65%), oklch(0.726 0.016 218.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Seryi Grey color name →
#9CA9AD
oklch(0.726 0.016 218.1)
Conversões de cor
- HEX
- #9ca9ad
- RGB
- rgb(156 169 173)
- HSL
- hsl(194 9% 65%)
- HWB
- hwb(194 61% 32%)
- OKLCH
- oklch(0.726 0.016 218.1)
- OKLab
- oklab(0.726 -0.012 -0.01)
- CIE Lab
- lab(68.29 -4.12 -3.72)
- LCH
- lch(68.29 5.55 222.1)
- CMYK
- cmyk(10% 2% 0% 32%)
Tons claros · Sombras · Tons
Tons claros
- A6B1B5
- AFBABD
- B9C2C5
- C3CBCD
- CCD3D5
- D6DCDE
- E0E5E6
- EBEDEE
- F5F6F7
Sombras
- 879296
- 737C7F
- 5F676A
- 4C5355
- 393F41
- 282C2D
- 181B1B
- 090A0B
- 010101
Tons
- 99A5A8
- 96A1A4
- 949C9F
- 91989B
- 8E9496
- 8B9092
- 888C8D
- 868889
- 838484
Harmonias de cor
Complementar +180°
- 9CA9AD
Seryi Grey
- B0A39F
≈ Flexible Grey
Análoga -30° +30°
- 9CA9AD
Seryi Grey
- 9CAAA8
≈ Dutch Tile Blue
- 9FA7B0
≈ Great Falls
Tríade +120° +240°
- 9CA9AD
Seryi Grey
- ADA3AA
≈ Mysterious Mauve
- A9A79C
≈ Old Celadon
Complementar dividida +150° +210°
- 9CA9AD
Seryi Grey
- B0A2A4
≈ Flexible Grey
- ADA59C
≈ Warm Grey Flannel
Tétrade +90° +180° +270°
- 9CA9AD
Seryi Grey
- A9A4AE
≈ Palace Walls
- B0A39F
≈ Flexible Grey
- A3A89E
≈ Unusual Grey
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.41:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.69:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.69:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--seryi-grey: #9ca9ad;
--seryi-grey-rgb: 156 169 173;
--seryi-grey-oklch: oklch(0.726 0.016 218.1);
}
.element {
color: var(--seryi-grey);
background-color: hsl(194 9% 65%);
border-color: oklch(0.726 0.016 218.1);
}Tailwind CSS v4
@theme {
--color-seryi-grey: #9ca9ad;
--color-seryi-grey-50: #f0f6f8;
--color-seryi-grey-100: #e2e9eb;
--color-seryi-grey-200: #cdd6d9;
--color-seryi-grey-300: #afb9bd;
--color-seryi-grey-400: #95a1a5;
--color-seryi-grey-500: #7b898d;
--color-seryi-grey-600: #687477;
--color-seryi-grey-700: #535d60;
--color-seryi-grey-800: #3c4446;
--color-seryi-grey-900: #2a2f30;
--color-seryi-grey-950: #171b1d;
}SCSS
$seryi-grey: #9ca9ad;
$seryi-grey-rgb: 156, 169, 173;
$seryi-grey-light: mix(#fff, $seryi-grey, 20%);
$seryi-grey-dark: mix(#000, $seryi-grey, 20%);
.element {
color: $seryi-grey;
box-shadow: 0 0 0 2px rgba($seryi-grey, 0.35);
}