Nazwany kolor · #BBAEB9
Luminous Light
Luminous Light to #BBAEB9: rgb(187 174 185), hsl(309 9% 71%), oklch(0.765 0.021 330.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Luminous Light color name →
#BBAEB9
oklch(0.765 0.021 330.7)
Konwersje koloru
- HEX
- #bbaeb9
- RGB
- rgb(187 174 185)
- HSL
- hsl(309 9% 71%)
- HWB
- hwb(309 68% 27%)
- OKLCH
- oklch(0.765 0.021 330.7)
- OKLab
- oklab(0.765 0.019 -0.01)
- CIE Lab
- lab(72.46 6.3 -3.87)
- LCH
- lch(72.46 7.4 328.4)
- CMYK
- cmyk(0% 7% 1% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2B6C0
- C8BEC7
- CFC6CE
- D6CED5
- DDD6DB
- E3DEE3
- EAE6EA
- F1EEF1
- F8F7F8
Odcienie ciemniejsze
- A297A0
- 8A8089
- 736A71
- 5C555B
- 464146
- 322E31
- 1F1C1E
- 0D0B0D
- 020102
Tony
- B5A9B3
- AFA5AD
- A9A0A8
- A39BA2
- 9D979C
- 979296
- 918E91
- 8C898B
- 868486
Harmonie kolorów
Komplementarna +180°
- BBAEB9
Luminous Light
- A9B7AC
≈ Sigh of Relief
Analogowa -30° +30°
- BBAEB9
Luminous Light
- B5B0BE
≈ Dreamland
- BFADB2
≈ Lavender Scent
Triada +120° +240°
- BBAEB9
Luminous Light
- B8B2A4
≈ Silver Taupe
- A4B7BA
≈ Languid Blue
Komplementarna rozszczepiona +150° +210°
- BBAEB9
Luminous Light
- B0B5A6
≈ Fennel Stem
- A5B7B3
≈ Holly Glen
Tetrada +90° +180° +270°
- BBAEB9
Luminous Light
- BDB0A5
≈ Drake Tooth
- A9B7AC
≈ Sigh of Relief
- A7B5BF
≈ Intercoastal Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.12:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.86:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.86:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--luminous-light: #bbaeb9;
--luminous-light-rgb: 187 174 185;
--luminous-light-oklch: oklch(0.765 0.021 330.7);
}
.element {
color: var(--luminous-light);
background-color: hsl(309 9% 71%);
border-color: oklch(0.765 0.021 330.7);
}Tailwind CSS v4
@theme {
--color-luminous-light: #bbaeb9;
--color-luminous-light-50: #f9f3f8;
--color-luminous-light-100: #ece5eb;
--color-luminous-light-200: #dad1d8;
--color-luminous-light-300: #beb4bc;
--color-luminous-light-400: #a69aa4;
--color-luminous-light-500: #8f818d;
--color-luminous-light-600: #796d77;
--color-luminous-light-700: #61575f;
--color-luminous-light-800: #474046;
--color-luminous-light-900: #312c30;
--color-luminous-light-950: #1d191d;
}SCSS
$luminous-light: #bbaeb9;
$luminous-light-rgb: 187, 174, 185;
$luminous-light-light: mix(#fff, $luminous-light, 20%);
$luminous-light-dark: mix(#000, $luminous-light, 20%);
.element {
color: $luminous-light;
box-shadow: 0 0 0 2px rgba($luminous-light, 0.35);
}