Color con nombre · #AA91AE
Knight’s Tale
Knight’s Tale es #AA91AE: rgb(170 145 174), hsl(292 15% 63%), oklch(0.689 0.051 321.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Knight’s Tale color name →
#AA91AE
oklch(0.689 0.051 321.6)
Conversiones de color
- HEX
- #aa91ae
- RGB
- rgb(170 145 174)
- HSL
- hsl(292 15% 63%)
- HWB
- hwb(292 57% 32%)
- OKLCH
- oklch(0.689 0.051 321.6)
- OKLab
- oklab(0.689 0.04 -0.031)
- CIE Lab
- lab(63.18 13.61 -11.62)
- LCH
- lch(63.18 17.9 319.5)
- CMYK
- cmyk(2% 17% 0% 32%)
Tintes · Sombras · Tonos
Tintes
- B29CB6
- BBA6BE
- C3B1C6
- CBBCCE
- D4C7D6
- DCD2DE
- E5DDE6
- EEE8EE
- F6F4F7
Sombras
- 937D97
- 7D6A80
- 68586A
- 534655
- 3F3541
- 2D252E
- 1B151C
- 0B070B
- 010101
Tonos
- A68FA9
- A28EA5
- 9D8CA0
- 998A9B
- 958997
- 918792
- 8D858E
- 888389
- 848285
Armonías de color
Complementario +180°
- AA91AE
Knight’s Tale
- 8AA386
≈ Gallery Green
Análogo -30° +30°
- AA91AE
Knight’s Tale
- 9B96B8
≈ Tusi Grey
- B48E9E
≈ Mauve Shadows
Triádico +120° +240°
- AA91AE
Knight’s Tale
- AB9878
≈ Croque Monsieur
- 76A5A8
≈ Spartacus
Complementario dividido +150° +210°
- AA91AE
Knight’s Tale
- 9B9E7A
≈ Renkon Beige
- 7BA697
≈ Verdigreen
Tetrádico +90° +180° +270°
- AA91AE
Knight’s Tale
- B5937F
≈ Changing Seasons
- 8AA386
≈ Gallery Green
- 7CA1B5
≈ Grey Blue
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.84:1 · APCA Lc 55
Ag
AAASobre negro
WCAG 7.37:1 · APCA Lc 47
Mejor color de texto: #000000
WCAG 7.37:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmentos de código
CSS
:root {
--knight-s-tale: #aa91ae;
--knight-s-tale-rgb: 170 145 174;
--knight-s-tale-oklch: oklch(0.689 0.051 321.6);
}
.element {
color: var(--knight-s-tale);
background-color: hsl(292 15% 63%);
border-color: oklch(0.689 0.051 321.6);
}Tailwind CSS v4
@theme {
--color-knight-s-tale: #aa91ae;
--color-knight-s-tale-50: #fdf1fe;
--color-knight-s-tale-100: #f1e3f2;
--color-knight-s-tale-200: #dfcde1;
--color-knight-s-tale-300: #c5afc6;
--color-knight-s-tale-400: #ad95b1;
--color-knight-s-tale-500: #967b9b;
--color-knight-s-tale-600: #7f6983;
--color-knight-s-tale-700: #665469;
--color-knight-s-tale-800: #4a3d4d;
--color-knight-s-tale-900: #342a36;
--color-knight-s-tale-950: #1f1721;
}SCSS
$knight-s-tale: #aa91ae;
$knight-s-tale-rgb: 170, 145, 174;
$knight-s-tale-light: mix(#fff, $knight-s-tale, 20%);
$knight-s-tale-dark: mix(#000, $knight-s-tale, 20%);
.element {
color: $knight-s-tale;
box-shadow: 0 0 0 2px rgba($knight-s-tale, 0.35);
}