Color con nombre más cercano · #96BBC3
#96BBC3
Color con nombre más cercano: Aquatic
#96BBC3 (rgb(150 187 195), hsl(191 27% 68%), oklch(0.768 0.041 212.3)) se parece más al color con nombre Aquatic. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#96BBC3
oklch(0.768 0.041 212.3)
Conversiones de color
- HEX
- #96bbc3
- RGB
- rgb(150 187 195)
- HSL
- hsl(191 27% 68%)
- HWB
- hwb(191 59% 24%)
- OKLCH
- oklch(0.768 0.041 212.3)
- OKLab
- oklab(0.768 -0.035 -0.022)
- CIE Lab
- lab(73.36 -11.52 -8.38)
- LCH
- lch(73.36 14.25 216)
- CMYK
- cmyk(23% 4% 0% 24%)
Tintes · Sombras · Tonos
Tintes
- A0C2C9
- ABC8CF
- B5CFD5
- C0D6DB
- CADDE1
- D5E3E7
- DFEAED
- EAF1F3
- F4F8F9
Sombras
- 82A2A9
- 6E8A90
- 5B7378
- 495C60
- 37464A
- 263234
- 161F20
- 080D0E
- 010202
Tonos
- 94B5BC
- 92AFB5
- 90A9AE
- 8EA3A8
- 8C9DA1
- 89979A
- 879194
- 858C8D
- 828686
Armonías de color
Complementario +180°
- 96BBC3
Aquatic
- CCABA3
≈ Art Deco Pink
Análogo -30° +30°
- 96BBC3
Aquatic
- 97BDB5
≈ Carnival Glass
- 9DB7CC
≈ Morris Blue
Triádico +120° +240°
- 96BBC3
Aquatic
- C4AABF
≈ Linnea Blossom
- BDB396
≈ Easy
Complementario dividido +150° +210°
- 96BBC3
Aquatic
- CBA9B1
≈ Dutchess Dawn
- C7AE99
≈ Brown Sugar Coating
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.19:1 · APCA Lc 62
Mejor color de texto: #000000
WCAG 10.19:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmentos de código
CSS
:root {
--aquatic: #96bbc3;
--aquatic-rgb: 150 187 195;
--aquatic-oklch: oklch(0.768 0.041 212.3);
}
.element {
color: var(--aquatic);
background-color: hsl(191 27% 68%);
border-color: oklch(0.768 0.041 212.3);
}Tailwind CSS v4
@theme {
--color-aquatic: #96bbc3;
--color-aquatic-50: #e9f8fc;
--color-aquatic-100: #d9ecf0;
--color-aquatic-200: #c1d9df;
--color-aquatic-300: #a0bdc4;
--color-aquatic-400: #83a5ad;
--color-aquatic-500: #668e96;
--color-aquatic-600: #57787f;
--color-aquatic-700: #456066;
--color-aquatic-800: #32464a;
--color-aquatic-900: #223134;
--color-aquatic-950: #111d1f;
}SCSS
$aquatic: #96bbc3;
$aquatic-rgb: 150, 187, 195;
$aquatic-light: mix(#fff, $aquatic, 20%);
$aquatic-dark: mix(#000, $aquatic, 20%);
.element {
color: $aquatic;
box-shadow: 0 0 0 2px rgba($aquatic, 0.35);
}