Color con nombre · #98BBB7
Lap Pool Blue
Lap Pool Blue es #98BBB7: rgb(152 187 183), hsl(173 20% 66%), oklch(0.765 0.038 187.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Lap Pool Blue color name →
#98BBB7
oklch(0.765 0.038 187.9)
Conversiones de color
- HEX
- #98bbb7
- RGB
- rgb(152 187 183)
- HSL
- hsl(173 20% 66%)
- HWB
- hwb(173 60% 27%)
- OKLCH
- oklch(0.765 0.038 187.9)
- OKLab
- oklab(0.765 -0.038 -0.005)
- CIE Lab
- lab(73.21 -12.85 -2.09)
- LCH
- lch(73.21 13.02 189.2)
- CMYK
- cmyk(19% 0% 2% 27%)
Tintes · Sombras · Tonos
Tintes
- A2C2BE
- ACC8C5
- B7CFCC
- C1D6D3
- CBDDDA
- D5E3E2
- E0EAE9
- EAF1F0
- F5F8F8
Sombras
- 84A29F
- 708A87
- 5C7370
- 4A5C5A
- 384645
- 273231
- 171F1E
- 080D0C
- 010202
Tonos
- 96B5B1
- 94AFAC
- 91A9A6
- 8FA3A1
- 8C9D9B
- 8A9796
- 889190
- 858C8B
- 838685
Armonías de color
Complementario +180°
- 98BBB7
Lap Pool Blue
- C9A9AE
≈ Dutchess Dawn
Análogo -30° +30°
- 98BBB7
Lap Pool Blue
- 9FBAA9
≈ Aqua Foam
- 98B9C3
≈ Shallow Sea
Triádico +120° +240°
- 98BBB7
Lap Pool Blue
- B9ADC6
≈ Fancy Pansy
- C4AF99
≈ Persuasion
Complementario dividido +150° +210°
- 98BBB7
Lap Pool Blue
- C4AABB
≈ Breathtaking Evening
- C9ABA2
≈ Rosy Tan
Tetrádico +90° +180° +270°
- 98BBB7
Lap Pool Blue
- ACB1CB
≈ Purple Freedom
- C9A9AE
≈ Dutchess Dawn
- B9B398
≈ Flour Sack
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.07:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.12:1 · APCA Lc 62
Mejor color de texto: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmentos de código
CSS
:root {
--lap-pool-blue: #98bbb7;
--lap-pool-blue-rgb: 152 187 183;
--lap-pool-blue-oklch: oklch(0.765 0.038 187.9);
}
.element {
color: var(--lap-pool-blue);
background-color: hsl(173 20% 66%);
border-color: oklch(0.765 0.038 187.9);
}Tailwind CSS v4
@theme {
--color-lap-pool-blue: #98bbb7;
--color-lap-pool-blue-50: #eaf9f7;
--color-lap-pool-blue-100: #daecea;
--color-lap-pool-blue-200: #c3dad8;
--color-lap-pool-blue-300: #a2bebc;
--color-lap-pool-blue-400: #86a6a2;
--color-lap-pool-blue-500: #698f8b;
--color-lap-pool-blue-600: #597975;
--color-lap-pool-blue-700: #47615e;
--color-lap-pool-blue-800: #334744;
--color-lap-pool-blue-900: #23312f;
--color-lap-pool-blue-950: #121d1c;
}SCSS
$lap-pool-blue: #98bbb7;
$lap-pool-blue-rgb: 152, 187, 183;
$lap-pool-blue-light: mix(#fff, $lap-pool-blue, 20%);
$lap-pool-blue-dark: mix(#000, $lap-pool-blue, 20%);
.element {
color: $lap-pool-blue;
box-shadow: 0 0 0 2px rgba($lap-pool-blue, 0.35);
}