Color con nombre más cercano · #8FAFAF
#8FAFAF
Color con nombre más cercano: Cool
#8FAFAF (rgb(143 175 175), hsl(180 17% 62%), oklch(0.73 0.035 196.4)) se parece más al color con nombre Cool. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8FAFAF
oklch(0.73 0.035 196.4)
Conversiones de color
- HEX
- #8fafaf
- RGB
- rgb(143 175 175)
- HSL
- hsl(180 17% 62%)
- HWB
- hwb(180 56% 31%)
- OKLCH
- oklch(0.73 0.035 196.4)
- OKLab
- oklab(0.73 -0.034 -0.01)
- CIE Lab
- lab(69.07 -11.31 -3.82)
- LCH
- lch(69.07 11.94 198.7)
- CMYK
- cmyk(18% 0% 0% 31%)
Tintes · Sombras · Tonos
Tintes
- 9AB7B7
- A5BFBF
- B0C7C6
- BBCECE
- C6D6D6
- D1DEDE
- DDE7E6
- E8EFEF
- F4F7F7
Sombras
- 7C9898
- 698181
- 576B6B
- 455656
- 344141
- 242E2E
- 151C1C
- 070B0B
- 010101
Tonos
- 8EAAAA
- 8CA5A5
- 8BA1A1
- 899C9C
- 889797
- 869392
- 858E8E
- 838989
- 828585
Armonías de color
Complementario +180°
- 8FAFAF
Cool
- BD9FA0
≈ Desert Lights
Análogo -30° +30°
- 8FAFAF
Cool
- 94AFA3
≈ Longfellow
- 91ADB9
≈ Showcase Blue
Triádico +120° +240°
- 8FAFAF
Cool
- B1A1B7
≈ Obi Lilac
- B5A590
≈ Façade
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASobre negro
WCAG 8.91:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
CSS
:root {
--cool: #8fafaf;
--cool-rgb: 143 175 175;
--cool-oklch: oklch(0.73 0.035 196.4);
}
.element {
color: var(--cool);
background-color: hsl(180 17% 62%);
border-color: oklch(0.73 0.035 196.4);
}Tailwind CSS v4
@theme {
--color-cool: #8fafaf;
--color-cool-50: #eaf8f9;
--color-cool-100: #dbecec;
--color-cool-200: #c4d9da;
--color-cool-300: #a4bdbe;
--color-cool-400: #87a5a5;
--color-cool-500: #6b8e8e;
--color-cool-600: #5b7878;
--color-cool-700: #496060;
--color-cool-800: #344646;
--color-cool-900: #243130;
--color-cool-950: #121d1d;
}SCSS
$cool: #8fafaf;
$cool-rgb: 143, 175, 175;
$cool-light: mix(#fff, $cool, 20%);
$cool-dark: mix(#000, $cool, 20%);
.element {
color: $cool;
box-shadow: 0 0 0 2px rgba($cool, 0.35);
}