Nazwany kolor · #BB9E9B
Awakening
Awakening to #BB9E9B: rgb(187 158 155), hsl(6 19% 67%), oklch(0.724 0.035 24.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Awakening color name →
#BB9E9B
oklch(0.724 0.035 24.9)
Konwersje koloru
- HEX
- #bb9e9b
- RGB
- rgb(187 158 155)
- HSL
- hsl(6 19% 67%)
- HWB
- hwb(6 61% 27%)
- OKLCH
- oklch(0.724 0.035 24.9)
- OKLab
- oklab(0.724 0.032 0.015)
- CIE Lab
- lab(67.69 10.69 5.77)
- LCH
- lch(67.69 12.14 28.4)
- CMYK
- cmyk(0% 16% 17% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2A7A5
- C9B1AE
- CFBAB8
- D6C4C2
- DDCECC
- E4D7D6
- EBE1E0
- F1EBEA
- F8F5F5
Odcienie ciemniejsze
- A28986
- 8A7472
- 73605E
- 5C4D4B
- 463A39
- 322928
- 1F1818
- 0D0909
- 020101
Tony
- B59B98
- AF9896
- A99593
- A39290
- 9D8F8D
- 978C8B
- 928988
- 8C8685
- 868383
Harmonie kolorów
Komplementarna +180°
- BB9E9B
Awakening
- 8DADB0
≈ Bon Voyage
Analogowa -30° +30°
- BB9E9B
Awakening
- B99DA7
≈ Pinterested
- B8A192
≈ White Mouse
Triada +120° +240°
- BB9E9B
Awakening
- 99AC99
≈ Scotland Road
- 9BA6BC
≈ Zen Blue
Komplementarna rozszczepiona +150° +210°
- BB9E9B
Awakening
- 90ADA5
≈ Donnegal
- 92AAB9
≈ Nepal
Tetrada +90° +180° +270°
- BB9E9B
Awakening
- A5A990
≈ Bud
- 8DADB0
≈ Bon Voyage
- A7A2BA
≈ Awaken
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.47:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.47:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.47:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--awakening: #bb9e9b;
--awakening-rgb: 187 158 155;
--awakening-oklch: oklch(0.724 0.035 24.9);
}
.element {
color: var(--awakening);
background-color: hsl(6 19% 67%);
border-color: oklch(0.724 0.035 24.9);
}Tailwind CSS v4
@theme {
--color-awakening: #bb9e9b;
--color-awakening-50: #fff2f0;
--color-awakening-100: #f3e4e2;
--color-awakening-200: #e3cfcc;
--color-awakening-300: #c9b1ae;
--color-awakening-400: #b29794;
--color-awakening-500: #9c7e7b;
--color-awakening-600: #846a68;
--color-awakening-700: #6a5553;
--color-awakening-800: #4e3e3d;
--color-awakening-900: #362b2a;
--color-awakening-950: #211817;
}SCSS
$awakening: #bb9e9b;
$awakening-rgb: 187, 158, 155;
$awakening-light: mix(#fff, $awakening, 20%);
$awakening-dark: mix(#000, $awakening, 20%);
.element {
color: $awakening;
box-shadow: 0 0 0 2px rgba($awakening, 0.35);
}