Nazwany kolor · #BEA684
Mojave Desert
Mojave Desert to #BEA684: rgb(190 166 132), hsl(35 31% 63%), oklch(0.737 0.054 76.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Mojave Desert color name →
#BEA684
oklch(0.737 0.054 76.3)
Konwersje koloru
- HEX
- #bea684
- RGB
- rgb(190 166 132)
- HSL
- hsl(35 31% 63%)
- HWB
- hwb(35 52% 25%)
- OKLCH
- oklch(0.737 0.054 76.3)
- OKLab
- oklab(0.737 0.013 0.053)
- CIE Lab
- lab(69.61 5.27 21.06)
- LCH
- lch(69.61 21.71 75.9)
- CMYK
- cmyk(0% 13% 31% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C4AF90
- CBB79C
- D1C0A8
- D8C9B4
- DED2C1
- E5DBCD
- EBE4D9
- F2EDE6
- F8F6F2
Odcienie ciemniejsze
- A59072
- 8C7A60
- 75654F
- 5E513F
- 483E2F
- 332B20
- 1F1A12
- 0D0A06
- 020101
Tony
- B8A284
- B19E84
- AB9B83
- A59783
- 9F9383
- 988F82
- 928B82
- 8C8881
- 868481
Harmonie kolorów
Komplementarna +180°
- BEA684
Mojave Desert
- 94ACCD
≈ Chambray Blue
Analogowa -30° +30°
- BEA684
Mojave Desert
- C8A08D
≈ Cabbage Rose
- AEAD85
≈ New Bamboo
Triada +120° +240°
- BEA684
Mojave Desert
- 81B5B5
≈ Cold Front Green
- B8A0C1
≈ Blue Pink
Komplementarna rozszczepiona +150° +210°
- BEA684
Mojave Desert
- 86B2C5
≈ Resolute Blue
- A7A6CB
≈ Blossom Mauve
Tetrada +90° +180° +270°
- BEA684
Mojave Desert
- 8AB5A2
≈ Source Green
- 94ACCD
≈ Chambray Blue
- C49DB1
≈ Lily
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.33:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.97:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.97:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--mojave-desert: #bea684;
--mojave-desert-rgb: 190 166 132;
--mojave-desert-oklch: oklch(0.737 0.054 76.3);
}
.element {
color: var(--mojave-desert);
background-color: hsl(35 31% 63%);
border-color: oklch(0.737 0.054 76.3);
}Tailwind CSS v4
@theme {
--color-mojave-desert: #bea684;
--color-mojave-desert-50: #fef4e4;
--color-mojave-desert-100: #f2e6d4;
--color-mojave-desert-200: #e1d2bb;
--color-mojave-desert-300: #c7b599;
--color-mojave-desert-400: #b19b7b;
--color-mojave-desert-500: #9b825d;
--color-mojave-desert-600: #836e4f;
--color-mojave-desert-700: #69583f;
--color-mojave-desert-800: #4e402d;
--color-mojave-desert-900: #362c1e;
--color-mojave-desert-950: #21190e;
}SCSS
$mojave-desert: #bea684;
$mojave-desert-rgb: 190, 166, 132;
$mojave-desert-light: mix(#fff, $mojave-desert, 20%);
$mojave-desert-dark: mix(#000, $mojave-desert, 20%);
.element {
color: $mojave-desert;
box-shadow: 0 0 0 2px rgba($mojave-desert, 0.35);
}