Nazwany kolor · #B1AAB3
Endless Slumber
Endless Slumber to #B1AAB3: rgb(177 170 179), hsl(287 6% 68%), oklch(0.747 0.015 318.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Endless Slumber color name →
#B1AAB3
oklch(0.747 0.015 318.7)
Konwersje koloru
- HEX
- #b1aab3
- RGB
- rgb(177 170 179)
- HSL
- hsl(287 6% 68%)
- HWB
- hwb(287 67% 30%)
- OKLCH
- oklch(0.747 0.015 318.7)
- OKLab
- oklab(0.747 0.011 -0.01)
- CIE Lab
- lab(70.41 3.85 -3.7)
- LCH
- lch(70.41 5.33 316.1)
- CMYK
- cmyk(1% 5% 0% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9B2BA
- C0BAC2
- C8C3C9
- D0CBD1
- D7D4D8
- DFDCE0
- E7E5E8
- EFEEEF
- F7F6F7
Odcienie ciemniejsze
- 99939B
- 837D84
- 6C686E
- 575358
- 423F43
- 2F2D2F
- 1C1B1D
- 0C0B0C
- 010101
Tony
- ACA6AE
- A7A1A9
- A29DA3
- 9D999E
- 989599
- 939194
- 8E8C8F
- 8A888A
- 858485
Harmonie kolorów
Komplementarna +180°
- B1AAB3
Endless Slumber
- A8AFA6
≈ Light Drizzle
Analogowa -30° +30°
- B1AAB3
Endless Slumber
- ACACB6
≈ Jacaranda Light
- B5A9AE
≈ Tea Blossom Pink
Triada +120° +240°
- B1AAB3
Endless Slumber
- B2ACA3
≈ Greyhound
- A3B0B0
≈ Conch
Komplementarna rozszczepiona +150° +210°
- B1AAB3
Endless Slumber
- ADAEA3
≈ Smoky White
- A4B0AB
≈ Wintry Sky
Tetrada +90° +180° +270°
- B1AAB3
Endless Slumber
- B5AAA5
≈ Cement Greige
- A8AFA6
≈ Light Drizzle
- A4AFB4
≈ Northern Light Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.26:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.27:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.27:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--endless-slumber: #b1aab3;
--endless-slumber-rgb: 177 170 179;
--endless-slumber-oklch: oklch(0.747 0.015 318.7);
}
.element {
color: var(--endless-slumber);
background-color: hsl(287 6% 68%);
border-color: oklch(0.747 0.015 318.7);
}Tailwind CSS v4
@theme {
--color-endless-slumber: #b1aab3;
--color-endless-slumber-50: #f7f4f8;
--color-endless-slumber-100: #eae6eb;
--color-endless-slumber-200: #d7d2d8;
--color-endless-slumber-300: #bbb5bc;
--color-endless-slumber-400: #a29ca4;
--color-endless-slumber-500: #8b838d;
--color-endless-slumber-600: #756f77;
--color-endless-slumber-700: #5e595f;
--color-endless-slumber-800: #444146;
--color-endless-slumber-900: #2f2d30;
--color-endless-slumber-950: #1c1a1d;
}SCSS
$endless-slumber: #b1aab3;
$endless-slumber-rgb: 177, 170, 179;
$endless-slumber-light: mix(#fff, $endless-slumber, 20%);
$endless-slumber-dark: mix(#000, $endless-slumber, 20%);
.element {
color: $endless-slumber;
box-shadow: 0 0 0 2px rgba($endless-slumber, 0.35);
}