Color con nombre · #88ABB4
Aquitaine
Aquitaine es #88ABB4: rgb(136 171 180), hsl(192 23% 62%), oklch(0.718 0.04 215.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Aquitaine color name →
#88ABB4
oklch(0.718 0.04 215.1)
Conversiones de color
- HEX
- #88abb4
- RGB
- rgb(136 171 180)
- HSL
- hsl(192 23% 62%)
- HWB
- hwb(192 53% 29%)
- OKLCH
- oklch(0.718 0.04 215.1)
- OKLab
- oklab(0.718 -0.033 -0.023)
- CIE Lab
- lab(67.61 -10.81 -8.78)
- LCH
- lch(67.61 13.92 219.1)
- CMYK
- cmyk(24% 5% 0% 29%)
Tintes · Sombras · Tonos
Tintes
- 94B3BB
- 9FBBC3
- ABC4CA
- B7CCD2
- C3D4D9
- CFDDE1
- DBE5E8
- E7EEF0
- F3F6F7
Sombras
- 75949C
- 637E85
- 52686E
- 415458
- 314044
- 222D30
- 131B1D
- 060B0C
- 010102
Tonos
- 87A7AF
- 87A2A9
- 869EA4
- 859A9F
- 85959A
- 849194
- 838D8F
- 82888A
- 818485
Armonías de color
Complementario +180°
- 88ABB4
Aquitaine
- BC9C93
≈ Coca Mocha
Análogo -30° +30°
- 88ABB4
Aquitaine
- 88ADA7
≈ Sea Nymph
- 90A7BC
≈ Paris
Triádico +120° +240°
- 88ABB4
Aquitaine
- B59BAE
≈ Veiled Violet
- ACA488
≈ Stone
Complementario dividido +150° +210°
- 88ABB4
Aquitaine
- BB9AA0
≈ Playful Plum
- B69F8A
≈ Baked Potato
Tetrádico +90° +180° +270°
- 88ABB4
Aquitaine
- AA9EB9
≈ Fragrant Satchel
- BC9C93
≈ Coca Mocha
- 9EA98E
≈ Reseda
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.46:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.53:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--aquitaine: #88abb4;
--aquitaine-rgb: 136 171 180;
--aquitaine-oklch: oklch(0.718 0.04 215.1);
}
.element {
color: var(--aquitaine);
background-color: hsl(192 23% 62%);
border-color: oklch(0.718 0.04 215.1);
}Tailwind CSS v4
@theme {
--color-aquitaine: #88abb4;
--color-aquitaine-50: #e9f8fd;
--color-aquitaine-100: #daecf1;
--color-aquitaine-200: #c2d9e0;
--color-aquitaine-300: #a1bdc5;
--color-aquitaine-400: #84a5ad;
--color-aquitaine-500: #688d97;
--color-aquitaine-600: #587880;
--color-aquitaine-700: #466066;
--color-aquitaine-800: #32464b;
--color-aquitaine-900: #223134;
--color-aquitaine-950: #111d1f;
}SCSS
$aquitaine: #88abb4;
$aquitaine-rgb: 136, 171, 180;
$aquitaine-light: mix(#fff, $aquitaine, 20%);
$aquitaine-dark: mix(#000, $aquitaine, 20%);
.element {
color: $aquitaine;
box-shadow: 0 0 0 2px rgba($aquitaine, 0.35);
}