Najbliższy nazwany kolor · #AABAE7
#AABAE7
Najbliższy nazwany kolor: Blue Lips
#AABAE7 (rgb(170 186 231), hsl(224 56% 79%), oklch(0.792 0.067 269.6)) jest najbliższy nazwanemu kolorowi Blue Lips. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AABAE7
oklch(0.792 0.067 269.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2C1EA
- BAC8EC
- C3CFEF
- CBD5F1
- D4DCF4
- DCE3F6
- E5EAF8
- EEF1FB
- F6F8FD
Odcienie ciemniejsze
- 93A1C9
- 7D89AB
- 68728F
- 535C73
- 3F4659
- 2D3240
- 1B1E28
- 0B0D13
- 010203
Tony
- A6B4DC
- A1AED2
- 9DA8C7
- 99A3BD
- 959DB3
- 9197A8
- 8C919E
- 888B94
- 84868A
Harmonie kolorów
Komplementarna +180°
- AABAE7
Blue Lips
- CCBA8A
≈ Western Wear
Analogowa -30° +30°
- AABAE7
Blue Lips
- 94C2E2
≈ Moment of Grace
- C1B2E1
≈ Moonraker
Triada +120° +240°
- AABAE7
Blue Lips
- E3ACA2
≈ Coral Fountain
- 9EC8A5
≈ French Market
Komplementarna rozszczepiona +150° +210°
- AABAE7
Blue Lips
- DCB291
≈ Soft Apricot
- B6C292
≈ Jitterbug
Tetrada +90° +180° +270°
- AABAE7
Blue Lips
- E0AABA
≈ Apple Infusion
- CCBA8A
≈ Western Wear
- 8CCABC
≈ Deco-Rate
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.88:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}