Cor nomeada · #9DB0B9
Electric Slide
Electric Slide é #9DB0B9: rgb(157 176 185), hsl(199 17% 67%), oklch(0.745 0.025 227.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Electric Slide color name →
#9DB0B9
oklch(0.745 0.025 227.9)
Conversões de cor
- HEX
- #9db0b9
- RGB
- rgb(157 176 185)
- HSL
- hsl(199 17% 67%)
- HWB
- hwb(199 62% 27%)
- OKLCH
- oklch(0.745 0.025 227.9)
- OKLab
- oklab(0.745 -0.017 -0.018)
- CIE Lab
- lab(70.57 -5.41 -6.97)
- LCH
- lch(70.57 8.82 232.2)
- CMYK
- cmyk(15% 5% 0% 27%)
Tons claros · Sombras · Tons
Tons claros
- A6B8C0
- B0BFC7
- BAC7CE
- C3CFD5
- CDD7DC
- D7DFE3
- E1E7EA
- EBEFF1
- F5F7F8
Sombras
- 8899A0
- 738289
- 5F6C71
- 4C565B
- 3A4246
- 282E31
- 181C1E
- 090B0D
- 010102
Tons
- 9AABB3
- 97A6AD
- 94A1A8
- 919DA2
- 8F989C
- 8C9396
- 898E91
- 86898B
- 838586
Harmonias de cor
Complementar +180°
- 9DB0B9
Electric Slide
- BAA89F
≈ Prestige
Análoga -30° +30°
- 9DB0B9
Electric Slide
- 9BB2B2
≈ Ether
- A3ADBD
≈ Snub
Tríade +120° +240°
- 9DB0B9
Electric Slide
- B9A6AF
≈ Foggy Plum
- AEAE9C
≈ Still
Complementar dividida +150° +210°
- 9DB0B9
Electric Slide
- BCA7A7
≈ Object of Desire
- B5AB9B
≈ Langdon Dove
Tétrade +90° +180° +270°
- 9DB0B9
Electric Slide
- B3A8B7
≈ Amorphous Rose
- BAA89F
≈ Prestige
- A5B0A1
≈ Tranquil Green
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASobre preto
WCAG 9.34:1 · APCA Lc 58
Melhor cor de texto: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Trechos de código
CSS
:root {
--electric-slide: #9db0b9;
--electric-slide-rgb: 157 176 185;
--electric-slide-oklch: oklch(0.745 0.025 227.9);
}
.element {
color: var(--electric-slide);
background-color: hsl(199 17% 67%);
border-color: oklch(0.745 0.025 227.9);
}Tailwind CSS v4
@theme {
--color-electric-slide: #9db0b9;
--color-electric-slide-50: #eef7fb;
--color-electric-slide-100: #e0eaef;
--color-electric-slide-200: #cad6dd;
--color-electric-slide-300: #abbac2;
--color-electric-slide-400: #90a2aa;
--color-electric-slide-500: #768a93;
--color-electric-slide-600: #64757d;
--color-electric-slide-700: #505d64;
--color-electric-slide-800: #3a4449;
--color-electric-slide-900: #272f33;
--color-electric-slide-950: #161c1e;
}SCSS
$electric-slide: #9db0b9;
$electric-slide-rgb: 157, 176, 185;
$electric-slide-light: mix(#fff, $electric-slide, 20%);
$electric-slide-dark: mix(#000, $electric-slide, 20%);
.element {
color: $electric-slide;
box-shadow: 0 0 0 2px rgba($electric-slide, 0.35);
}