Color con nombre más cercano · #A5CEC3
#A5CEC3
Color con nombre más cercano: Whirlpool
#A5CEC3 (rgb(165 206 195), hsl(164 29% 73%), oklch(0.819 0.046 177)) se parece más al color con nombre Whirlpool. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#A5CEC3
oklch(0.819 0.046 177)
Conversiones de color
- HEX
- #a5cec3
- RGB
- rgb(165 206 195)
- HSL
- hsl(164 29% 73%)
- HWB
- hwb(164 65% 19%)
- OKLCH
- oklch(0.819 0.046 177)
- OKLab
- oklab(0.819 -0.046 0.002)
- CIE Lab
- lab(79.57 -15.72 0.79)
- LCH
- lch(79.57 15.74 177.1)
- CMYK
- cmyk(20% 0% 5% 19%)
Tintes · Sombras · Tonos
Tintes
- AED3C9
- B7D8CF
- C0DDD5
- C9E2DB
- D2E6E1
- DBEBE7
- E4F0ED
- EDF5F3
- F6FAF9
Sombras
- 8FB3A9
- 799890
- 657F78
- 516660
- 3D4E4A
- 2B3834
- 1A2320
- 0A0F0E
- 010202
Tonos
- A1C6BC
- 9EBEB5
- 9AB6AE
- 97AEA8
- 93A6A1
- 8F9E9A
- 8C9794
- 888F8D
- 848886
Armonías de color
Complementario +180°
- A5CEC3
Whirlpool
- DEB8C4
≈ Melanie
Análogo -30° +30°
- A5CEC3
Whirlpool
- B1CCB3
≈ Gum Leaf
- A2CDD3
≈ Sea Dew
Triádico +120° +240°
- A5CEC3
Whirlpool
- C6BEDF
≈ Purple Dragon
- DCBDA7
≈ Wool-Milk Pig
Complementario dividido +150° +210°
- A5CEC3
Whirlpool
- D4BAD4
≈ Sunday Gloves
- E0B9B4
≈ O Fortuna
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.21:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.21:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--whirlpool: #a5cec3;
--whirlpool-rgb: 165 206 195;
--whirlpool-oklch: oklch(0.819 0.046 177);
}
.element {
color: var(--whirlpool);
background-color: hsl(164 29% 73%);
border-color: oklch(0.819 0.046 177);
}Tailwind CSS v4
@theme {
--color-whirlpool: #a5cec3;
--color-whirlpool-50: #e8faf5;
--color-whirlpool-100: #d8ede8;
--color-whirlpool-200: #c0dbd4;
--color-whirlpool-300: #9fc0b8;
--color-whirlpool-400: #82a89e;
--color-whirlpool-500: #659185;
--color-whirlpool-600: #567a71;
--color-whirlpool-700: #44625a;
--color-whirlpool-800: #314841;
--color-whirlpool-900: #22322d;
--color-whirlpool-950: #111e1a;
}SCSS
$whirlpool: #a5cec3;
$whirlpool-rgb: 165, 206, 195;
$whirlpool-light: mix(#fff, $whirlpool, 20%);
$whirlpool-dark: mix(#000, $whirlpool, 20%);
.element {
color: $whirlpool;
box-shadow: 0 0 0 2px rgba($whirlpool, 0.35);
}