Color con nombre · #A4F4F9
Waterspout
Waterspout es #A4F4F9: rgb(164 244 249), hsl(184 88% 81%), oklch(0.917 0.078 200.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Waterspout color name →
#A4F4F9
oklch(0.917 0.078 200.9)
Conversiones de color
- HEX
- #a4f4f9
- RGB
- rgb(164 244 249)
- HSL
- hsl(184 88% 81%)
- HWB
- hwb(184 64% 2%)
- OKLCH
- oklch(0.917 0.078 200.9)
- OKLab
- oklab(0.917 -0.073 -0.028)
- CIE Lab
- lab(91.17 -24.47 -10.62)
- LCH
- lch(91.17 26.68 203.5)
- CMYK
- cmyk(34% 2% 0% 2%)
Tintes · Sombras · Tonos
Tintes
- AEF5FA
- B8F6FA
- C2F8FB
- CBF9FC
- D4FAFC
- DDFBFD
- E6FCFD
- EEFDFE
- F7FEFE
Sombras
- 8ED4D9
- 79B5B9
- 64979A
- 507A7D
- 3D5E61
- 2B4446
- 1A2B2C
- 0A1415
- 010303
Tonos
- A1E8EC
- 9EDCE0
- 9BD0D3
- 98C4C7
- 94B9BB
- 91ADAF
- 8DA2A3
- 899697
- 848B8B
Armonías de color
Complementario +180°
- A4F4F9
Waterspout
- FFD9D8
≈ Cottagecore Sunset
Análogo -30° +30°
- A4F4F9
Waterspout
- AEF5DD
≈ Mintie
- C4EBFF
≈ Blue Java Banana
Triádico +120° +240°
- A4F4F9
Waterspout
- F8D6FF
≈ Pink Diamond
- FFDFA8
≈ Organza
Complementario dividido +150° +210°
- A4F4F9
Waterspout
- FFD7E8
≈ Powder Pink
- FFDBC8
≈ Unbleached Silk
Tetrádico +90° +180° +270°
- A4F4F9
Waterspout
- E3DFFF
≈ Stoic White
- FFD9D8
≈ Cottagecore Sunset
- E5E9AD
≈ Daydream
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.88:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.88:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--waterspout: #a4f4f9;
--waterspout-rgb: 164 244 249;
--waterspout-oklch: oklch(0.917 0.078 200.9);
}
.element {
color: var(--waterspout);
background-color: hsl(184 88% 81%);
border-color: oklch(0.917 0.078 200.9);
}Tailwind CSS v4
@theme {
--color-waterspout: #a4f4f9;
--color-waterspout-50: #dcfcff;
--color-waterspout-100: #cbf0f3;
--color-waterspout-200: #aedfe3;
--color-waterspout-300: #87c4c9;
--color-waterspout-400: #62adb1;
--color-waterspout-500: #39969b;
--color-waterspout-600: #327f83;
--color-waterspout-700: #286569;
--color-waterspout-800: #1b4b4c;
--color-waterspout-900: #123435;
--color-waterspout-950: #041f20;
}SCSS
$waterspout: #a4f4f9;
$waterspout-rgb: 164, 244, 249;
$waterspout-light: mix(#fff, $waterspout, 20%);
$waterspout-dark: mix(#000, $waterspout, 20%);
.element {
color: $waterspout;
box-shadow: 0 0 0 2px rgba($waterspout, 0.35);
}