Color con nombre · #A5B6CF
Minuet
Minuet es #A5B6CF: rgb(165 182 207), hsl(216 30% 73%), oklch(0.771 0.041 257.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Minuet color name →
#A5B6CF
oklch(0.771 0.041 257.9)
Conversiones de color
- HEX
- #a5b6cf
- RGB
- rgb(165 182 207)
- HSL
- hsl(216 30% 73%)
- HWB
- hwb(216 65% 19%)
- OKLCH
- oklch(0.771 0.041 257.9)
- OKLab
- oklab(0.771 -0.008 -0.04)
- CIE Lab
- lab(73.34 -2.07 -14.78)
- LCH
- lch(73.34 14.92 262)
- CMYK
- cmyk(20% 12% 0% 19%)
Tintes · Sombras · Tonos
Tintes
- AEBDD4
- B7C4D9
- BFCCDD
- C8D3E2
- D1DAE7
- DAE1EC
- E3E9F1
- EDF0F5
- F6F8FA
Sombras
- 8F9EB4
- 798699
- 656F7F
- 515967
- 3D444F
- 2B3038
- 1A1D23
- 0A0C10
- 010202
Tonos
- A1B0C7
- 9EABBF
- 9AA6B7
- 96A0AF
- 929BA7
- 8F959F
- 8B9097
- 878B8F
- 848588
Armonías de color
Complementario +180°
- A5B6CF
Minuet
- C3B298
≈ Beachside Villa
Análogo -30° +30°
- A5B6CF
Minuet
- 9BBAC9
≈ Arctic Sunrise
- B3B1CE
≈ Lavender Dream
Triádico +120° +240°
- A5B6CF
Minuet
- CDABAB
≈ Vista
- A8BBA2
≈ Laurel Green
Complementario dividido +150° +210°
- A5B6CF
Minuet
- CBAE9F
≈ Art Deco Pink
- B7B79A
≈ Disguise
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.19:1 · APCA Lc 62
Mejor color de texto: #000000
WCAG 10.19:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmentos de código
CSS
:root {
--minuet: #a5b6cf;
--minuet-rgb: 165 182 207;
--minuet-oklch: oklch(0.771 0.041 257.9);
}
.element {
color: var(--minuet);
background-color: hsl(216 30% 73%);
border-color: oklch(0.771 0.041 257.9);
}Tailwind CSS v4
@theme {
--color-minuet: #a5b6cf;
--color-minuet-50: #eef6ff;
--color-minuet-100: #e0e8f6;
--color-minuet-200: #cad5e6;
--color-minuet-300: #acb8cd;
--color-minuet-400: #90a0b7;
--color-minuet-500: #7687a1;
--color-minuet-600: #647388;
--color-minuet-700: #505c6d;
--color-minuet-800: #394351;
--color-minuet-900: #272e38;
--color-minuet-950: #151b23;
}SCSS
$minuet: #a5b6cf;
$minuet-rgb: 165, 182, 207;
$minuet-light: mix(#fff, $minuet, 20%);
$minuet-dark: mix(#000, $minuet, 20%);
.element {
color: $minuet;
box-shadow: 0 0 0 2px rgba($minuet, 0.35);
}