Nazwany kolor · #B9BBAD
Grey Jade
Grey Jade to #B9BBAD: rgb(185 187 173), hsl(69 9% 71%), oklch(0.787 0.02 113.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Grey Jade color name →
#B9BBAD
oklch(0.787 0.02 113.4)
Konwersje koloru
- HEX
- #b9bbad
- RGB
- rgb(185 187 173)
- HSL
- hsl(69 9% 71%)
- HWB
- hwb(69 68% 27%)
- OKLCH
- oklch(0.787 0.02 113.4)
- OKLab
- oklab(0.787 -0.008 0.018)
- CIE Lab
- lab(75.42 -2.6 6.86)
- LCH
- lch(75.42 7.34 110.8)
- CMYK
- cmyk(1% 0% 7% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C0C2B5
- C7C8BD
- CECFC5
- D4D6CD
- DBDDD5
- E2E3DE
- EAEAE6
- F1F1EE
- F8F8F7
Odcienie ciemniejsze
- A0A296
- 898A7F
- 71736A
- 5B5C55
- 464641
- 31322D
- 1E1F1B
- 0D0D0B
- 020201
Tony
- B3B5A8
- ADAFA4
- A7A99F
- A2A39B
- 9C9D96
- 969792
- 91918D
- 8B8B89
- 868684
Harmonie kolorów
Komplementarna +180°
- B9BBAD
Grey Jade
- BAB7C5
≈ Winter Dusk
Analogowa -30° +30°
- B9BBAD
Grey Jade
- BFB9AC
≈ City Dweller
- B2BDB2
≈ Wet Ash
Triada +120° +240°
- B9BBAD
Grey Jade
- AEBCC4
≈ Stormy
- C4B5BA
≈ Blossom Powder
Komplementarna rozszczepiona +150° +210°
- B9BBAD
Grey Jade
- B3BAC6
≈ Spirit
- C0B5C1
≈ Pink Bravado
Tetrada +90° +180° +270°
- B9BBAD
Grey Jade
- ACBDBF
≈ Alpine Haze
- BAB7C5
≈ Winter Dusk
- C6B5B3
≈ Rosy Linen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.77:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--grey-jade: #b9bbad;
--grey-jade-rgb: 185 187 173;
--grey-jade-oklch: oklch(0.787 0.02 113.4);
}
.element {
color: var(--grey-jade);
background-color: hsl(69 9% 71%);
border-color: oklch(0.787 0.02 113.4);
}Tailwind CSS v4
@theme {
--color-grey-jade: #b9bbad;
--color-grey-jade-50: #f5f6f0;
--color-grey-jade-100: #e7e9e1;
--color-grey-jade-200: #d4d5cc;
--color-grey-jade-300: #b7b9ae;
--color-grey-jade-400: #9ea093;
--color-grey-jade-500: #868879;
--color-grey-jade-600: #717367;
--color-grey-jade-700: #5b5c52;
--color-grey-jade-800: #42433b;
--color-grey-jade-900: #2e2e29;
--color-grey-jade-950: #1b1b17;
}SCSS
$grey-jade: #b9bbad;
$grey-jade-rgb: 185, 187, 173;
$grey-jade-light: mix(#fff, $grey-jade, 20%);
$grey-jade-dark: mix(#000, $grey-jade, 20%);
.element {
color: $grey-jade;
box-shadow: 0 0 0 2px rgba($grey-jade, 0.35);
}