Nazwany kolor · #B79826
Sahara
Sahara to #B79826: rgb(183 152 38), hsl(47 66% 43%), oklch(0.689 0.13 92.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sahara color name →
#B79826
oklch(0.689 0.13 92.7)
Konwersje koloru
- HEX
- #b79826
- RGB
- rgb(183 152 38)
- HSL
- hsl(47 66% 43%)
- HWB
- hwb(47 15% 28%)
- OKLCH
- oklch(0.689 0.13 92.7)
- OKLab
- oklab(0.689 -0.006 0.129)
- CIE Lab
- lab(64.29 3.72 59.4)
- LCH
- lch(64.29 59.52 86.4)
- CMYK
- cmyk(0% 17% 79% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BEA245
- C5AD5D
- CCB773
- D3C188
- DBCC9C
- E2D6B0
- E9E0C4
- F0EAD7
- F8F5EB
Odcienie ciemniejsze
- 9F8420
- 877019
- 705C13
- 5A4A0D
- 453808
- 312704
- 1E1702
- 0C0801
- 020100
Tony
- B19637
- AC9444
- A6914E
- A18F57
- 9B8D5F
- 968A67
- 90886E
- 8B8574
- 85837A
Harmonie kolorów
Komplementarna +180°
- B79826
Sahara
- 8094EB
≈ Perrywinkle
Analogowa -30° +30°
- B79826
Sahara
- D3873B
≈ Jazz Brass
- 8DA845
≈ Lime It or Leave It
Triada +120° +240°
- B79826
Sahara
- 00AEC7
≈ Havasupai Falls
- CA7BBE
≈ Peruvian Lily
Komplementarna rozszczepiona +150° +210°
- B79826
Sahara
- 47A3E4
≈ Perfect Days
- AB86DD
≈ Lavender Blossom
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.53:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--sahara: #b79826;
--sahara-rgb: 183 152 38;
--sahara-oklch: oklch(0.689 0.13 92.7);
}
.element {
color: var(--sahara);
background-color: hsl(47 66% 43%);
border-color: oklch(0.689 0.13 92.7);
}Tailwind CSS v4
@theme {
--color-sahara: #b79826;
--color-sahara-50: #fff5cc;
--color-sahara-100: #f5e8b7;
--color-sahara-200: #e6d494;
--color-sahara-300: #ccb767;
--color-sahara-400: #b99c35;
--color-sahara-500: #a48200;
--color-sahara-600: #8b6e00;
--color-sahara-700: #6f5800;
--color-sahara-800: #534000;
--color-sahara-900: #3a2c00;
--color-sahara-950: #241900;
}SCSS
$sahara: #b79826;
$sahara-rgb: 183, 152, 38;
$sahara-light: mix(#fff, $sahara, 20%);
$sahara-dark: mix(#000, $sahara, 20%);
.element {
color: $sahara;
box-shadow: 0 0 0 2px rgba($sahara, 0.35);
}