Nazwany kolor · #968775
Bedbox
Bedbox to #968775: rgb(150 135 117), hsl(33 14% 52%), oklch(0.632 0.032 72.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bedbox color name →
#968775
oklch(0.632 0.032 72.2)
Konwersje koloru
- HEX
- #968775
- RGB
- rgb(150 135 117)
- HSL
- hsl(33 14% 52%)
- HWB
- hwb(33 46% 41%)
- OKLCH
- oklch(0.632 0.032 72.2)
- OKLab
- oklab(0.632 0.01 0.03)
- CIE Lab
- lab(57.3 3.61 11.89)
- LCH
- lch(57.3 12.43 73.1)
- CMYK
- cmyk(0% 10% 22% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A09282
- AA9E8F
- B5AA9D
- BFB5AA
- C9C1B8
- D4CDC6
- DFDAD4
- E9E6E2
- F4F2F0
Odcienie ciemniejsze
- 827565
- 6E6355
- 5B5146
- 494137
- 373129
- 26211C
- 16130F
- 080605
- 010101
Tony
- 948676
- 928677
- 8F8578
- 8D847A
- 8B847B
- 89837C
- 87827D
- 84817E
- 82817F
Harmonie kolorów
Komplementarna +180°
- 968775
Bedbox
- 7C8B9D
≈ Lucid Blue
Analogowa -30° +30°
- 968775
Bedbox
- 9B847B
≈ Antique Bear
- 8D8B75
≈ Dry Sage
Triada +120° +240°
- 968775
Bedbox
- 74908F
≈ Juniper
- 908498
≈ Purple Ash
Komplementarna rozszczepiona +150° +210°
- 968775
Bedbox
- 758E98
≈ Sheltered Bay
- 86889D
≈ Mandrake
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.48:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.01:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 6.01:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--bedbox: #968775;
--bedbox-rgb: 150 135 117;
--bedbox-oklch: oklch(0.632 0.032 72.2);
}
.element {
color: var(--bedbox);
background-color: hsl(33 14% 52%);
border-color: oklch(0.632 0.032 72.2);
}Tailwind CSS v4
@theme {
--color-bedbox: #968775;
--color-bedbox-50: #fbf4eb;
--color-bedbox-100: #eee7dd;
--color-bedbox-200: #ddd3c6;
--color-bedbox-300: #c1b5a6;
--color-bedbox-400: #aa9c8a;
--color-bedbox-500: #94836f;
--color-bedbox-600: #7d6f5f;
--color-bedbox-700: #64594b;
--color-bedbox-800: #4a4137;
--color-bedbox-900: #332d25;
--color-bedbox-950: #1f1a14;
}SCSS
$bedbox: #968775;
$bedbox-rgb: 150, 135, 117;
$bedbox-light: mix(#fff, $bedbox, 20%);
$bedbox-dark: mix(#000, $bedbox, 20%);
.element {
color: $bedbox;
box-shadow: 0 0 0 2px rgba($bedbox, 0.35);
}