Color con nombre · #8FABBD
Pool Bar
Pool Bar es #8FABBD: rgb(143 171 189), hsl(203 26% 65%), oklch(0.726 0.041 236.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Pool Bar color name →
#8FABBD
oklch(0.726 0.041 236.3)
Conversiones de color
- HEX
- #8fabbd
- RGB
- rgb(143 171 189)
- HSL
- hsl(203 26% 65%)
- HWB
- hwb(203 56% 26%)
- OKLCH
- oklch(0.726 0.041 236.3)
- OKLab
- oklab(0.726 -0.022 -0.034)
- CIE Lab
- lab(68.31 -6.93 -12.63)
- LCH
- lch(68.31 14.41 241.3)
- CMYK
- cmyk(24% 10% 0% 26%)
Tintes · Sombras · Tonos
Tintes
- 9AB3C4
- A5BBCA
- B0C4D1
- BBCCD7
- C6D4DE
- D1DDE4
- DDE5EB
- E8EEF2
- F3F6F8
Sombras
- 7C94A4
- 697E8C
- 576874
- 45545D
- 344047
- 242D33
- 151B1F
- 070B0D
- 010102
Tonos
- 8EA7B7
- 8CA2B1
- 8B9EAA
- 899AA4
- 88959E
- 869198
- 858D92
- 83888C
- 828486
Armonías de color
Complementario +180°
- 8FABBD
Pool Bar
- BBA18E
≈ Mocha Foam
Análogo -30° +30°
- 8FABBD
Pool Bar
- 89AEB3
≈ Bon Voyage
- 9BA6C1
≈ Veranda Iris
Triádico +120° +240°
- 8FABBD
Pool Bar
- BD9CA7
≈ Pale Petticoat
- A5AA8D
≈ Mountain Sage
Complementario dividido +150° +210°
- 8FABBD
Pool Bar
- BF9D99
≈ Pink Granite
- B2A58A
≈ Curly Willow
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASobre negro
WCAG 8.72:1 · APCA Lc 55
Mejor color de texto: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmentos de código
CSS
:root {
--pool-bar: #8fabbd;
--pool-bar-rgb: 143 171 189;
--pool-bar-oklch: oklch(0.726 0.041 236.3);
}
.element {
color: var(--pool-bar);
background-color: hsl(203 26% 65%);
border-color: oklch(0.726 0.041 236.3);
}Tailwind CSS v4
@theme {
--color-pool-bar: #8fabbd;
--color-pool-bar-50: #ebf7ff;
--color-pool-bar-100: #dceaf4;
--color-pool-bar-200: #c5d7e4;
--color-pool-bar-300: #a5bbca;
--color-pool-bar-400: #88a3b4;
--color-pool-bar-500: #6d8b9e;
--color-pool-bar-600: #5c7585;
--color-pool-bar-700: #4a5e6b;
--color-pool-bar-800: #35454e;
--color-pool-bar-900: #243037;
--color-pool-bar-950: #131c21;
}SCSS
$pool-bar: #8fabbd;
$pool-bar-rgb: 143, 171, 189;
$pool-bar-light: mix(#fff, $pool-bar, 20%);
$pool-bar-dark: mix(#000, $pool-bar, 20%);
.element {
color: $pool-bar;
box-shadow: 0 0 0 2px rgba($pool-bar, 0.35);
}