Couleur nommée la plus proche · #AABAE7
#AABAE7
Couleur nommée la plus proche: Blue Lips
#AABAE7 (rgb(170 186 231), hsl(224 56% 79%), oklch(0.792 0.067 269.6)) est la plus proche de la couleur nommée Blue Lips. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AABAE7
oklch(0.792 0.067 269.6)
Conversions de couleur
- HEX
- #aabae7
- RGB
- rgb(170 186 231)
- HSL
- hsl(224 56% 79%)
- HWB
- hwb(224 67% 9%)
- OKLCH
- oklch(0.792 0.067 269.6)
- OKLab
- oklab(0.792 -0.001 -0.067)
- CIE Lab
- lab(75.44 1.76 -24.55)
- LCH
- lch(75.44 24.61 274.1)
- CMYK
- cmyk(26% 19% 0% 9%)
Teintes · Ombres · Tons
Teintes
- B2C1EA
- BAC8EC
- C3CFEF
- CBD5F1
- D4DCF4
- DCE3F6
- E5EAF8
- EEF1FB
- F6F8FD
Ombres
- 93A1C9
- 7D89AB
- 68728F
- 535C73
- 3F4659
- 2D3240
- 1B1E28
- 0B0D13
- 010203
Tons
- A6B4DC
- A1AED2
- 9DA8C7
- 99A3BD
- 959DB3
- 9197A8
- 8C919E
- 888B94
- 84868A
Harmonies de couleurs
Complémentaire +180°
- AABAE7
Blue Lips
- CCBA8A
≈ Western Wear
Analogue -30° +30°
- AABAE7
Blue Lips
- 94C2E2
≈ Moment of Grace
- C1B2E1
≈ Moonraker
Triadique +120° +240°
- AABAE7
Blue Lips
- E3ACA2
≈ Coral Fountain
- 9EC8A5
≈ French Market
Complémentaire divisée +150° +210°
- AABAE7
Blue Lips
- DCB291
≈ Soft Apricot
- B6C292
≈ Jitterbug
Tétradique +90° +180° +270°
- AABAE7
Blue Lips
- E0AABA
≈ Apple Infusion
- CCBA8A
≈ Western Wear
- 8CCABC
≈ Deco-Rate
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.92:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.88:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--blue-lips: #aabae7;
--blue-lips-rgb: 170 186 231;
--blue-lips-oklch: oklch(0.792 0.067 269.6);
}
.element {
color: var(--blue-lips);
background-color: hsl(224 56% 79%);
border-color: oklch(0.792 0.067 269.6);
}Tailwind CSS v4
@theme {
--color-blue-lips: #aabae7;
--color-blue-lips-50: #eef5ff;
--color-blue-lips-100: #e0e7ff;
--color-blue-lips-200: #cad3f2;
--color-blue-lips-300: #abb6da;
--color-blue-lips-400: #8f9dc7;
--color-blue-lips-500: #7484b3;
--color-blue-lips-600: #637097;
--color-blue-lips-700: #4f5a79;
--color-blue-lips-800: #38425a;
--color-blue-lips-900: #262d3f;
--color-blue-lips-950: #151a28;
}SCSS
$blue-lips: #aabae7;
$blue-lips-rgb: 170, 186, 231;
$blue-lips-light: mix(#fff, $blue-lips, 20%);
$blue-lips-dark: mix(#000, $blue-lips, 20%);
.element {
color: $blue-lips;
box-shadow: 0 0 0 2px rgba($blue-lips, 0.35);
}