Color con nombre más cercano · #9BB9B8
#9BB9B8
Color con nombre más cercano: Cool
#9BB9B8 (rgb(155 185 184), hsl(178 18% 67%), oklch(0.763 0.033 194)) 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.
#9BB9B8
oklch(0.763 0.033 194)
Conversiones de color
- HEX
- #9bb9b8
- RGB
- rgb(155 185 184)
- HSL
- hsl(178 18% 67%)
- HWB
- hwb(178 61% 27%)
- OKLCH
- oklch(0.763 0.033 194)
- OKLab
- oklab(0.763 -0.032 -0.008)
- CIE Lab
- lab(72.88 -10.71 -3.08)
- LCH
- lch(72.88 11.14 196)
- CMYK
- cmyk(16% 0% 1% 27%)
Tintes · Sombras · Tonos
Tintes
- A5C0BF
- AFC7C6
- B9CECD
- C2D5D4
- CCDCDB
- D6E3E2
- E0EAE9
- EBF1F0
- F5F8F8
Sombras
- 86A0A0
- 728988
- 5E7171
- 4B5B5B
- 394645
- 283131
- 181E1E
- 090D0C
- 010202
Tonos
- 98B3B2
- 96ADAD
- 93A8A7
- 90A2A1
- 8E9C9C
- 8B9696
- 889190
- 868B8B
- 838685
Armonías de color
Complementario +180°
- 9BB9B8
Cool
- C6AAAC
≈ Lovebug
Análogo -30° +30°
- 9BB9B8
Cool
- A0B9AC
≈ Silt Green
- 9DB7C2
≈ Shallow Sea
Triádico +120° +240°
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.09:1 · APCA Lc 41
Ag
AAASobre negro
WCAG 10.02:1 · APCA Lc 61
Mejor color de texto: #000000
WCAG 10.02:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmentos de código
CSS
:root {
--cool: #9bb9b8;
--cool-rgb: 155 185 184;
--cool-oklch: oklch(0.763 0.033 194);
}
.element {
color: var(--cool);
background-color: hsl(178 18% 67%);
border-color: oklch(0.763 0.033 194);
}Tailwind CSS v4
@theme {
--color-cool: #9bb9b8;
--color-cool-50: #ebf8f8;
--color-cool-100: #dcebeb;
--color-cool-200: #c5d9d9;
--color-cool-300: #a5bdbd;
--color-cool-400: #89a5a4;
--color-cool-500: #6d8d8c;
--color-cool-600: #5d7877;
--color-cool-700: #4a605f;
--color-cool-800: #364645;
--color-cool-900: #253130;
--color-cool-950: #131d1c;
}SCSS
$cool: #9bb9b8;
$cool-rgb: 155, 185, 184;
$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);
}