Nächste benannte Farbe · #AABAE7
#AABAE7
Nächste benannte Farbe: Blue Lips
#AABAE7 (rgb(170 186 231), hsl(224 56% 79%), oklch(0.792 0.067 269.6)) liegt am nächsten an der benannten Farbe Blue Lips. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AABAE7
oklch(0.792 0.067 269.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- B2C1EA
- BAC8EC
- C3CFEF
- CBD5F1
- D4DCF4
- DCE3F6
- E5EAF8
- EEF1FB
- F6F8FD
Shades
- 93A1C9
- 7D89AB
- 68728F
- 535C73
- 3F4659
- 2D3240
- 1B1E28
- 0B0D13
- 010203
Tones
- A6B4DC
- A1AED2
- 9DA8C7
- 99A3BD
- 959DB3
- 9197A8
- 8C919E
- 888B94
- 84868A
Farbharmonien
Komplementär +180°
- AABAE7
Blue Lips
- CCBA8A
≈ Western Wear
Analog -30° +30°
- AABAE7
Blue Lips
- 94C2E2
≈ Moment of Grace
- C1B2E1
≈ Moonraker
Triadisch +120° +240°
- AABAE7
Blue Lips
- E3ACA2
≈ Coral Fountain
- 9EC8A5
≈ French Market
Geteilt komplementär +150° +210°
- AABAE7
Blue Lips
- DCB291
≈ Soft Apricot
- B6C292
≈ Jitterbug
Tetradisch +90° +180° +270°
- AABAE7
Blue Lips
- E0AABA
≈ Apple Infusion
- CCBA8A
≈ Western Wear
- 8CCABC
≈ Deco-Rate
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.92:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.88:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
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);
}