Nazwany kolor · #BB8246
Arrakis Spice
Arrakis Spice to #BB8246: rgb(187 130 70), hsl(31 46% 50%), oklch(0.652 0.104 65.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Arrakis Spice color name →
#BB8246
oklch(0.652 0.104 65.6)
Konwersje koloru
- HEX
- #bb8246
- RGB
- rgb(187 130 70)
- HSL
- hsl(31 46% 50%)
- HWB
- hwb(31 27% 27%)
- OKLCH
- oklch(0.652 0.104 65.6)
- OKLab
- oklab(0.652 0.043 0.095)
- CIE Lab
- lab(59.37 18.17 41.11)
- LCH
- lch(59.37 44.94 66.1)
- CMYK
- cmyk(0% 30% 63% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C28E5A
- C99B6C
- D0A77F
- D7B391
- DEC0A3
- E5CCB5
- ECD9C8
- F2E6DA
- F9F2EC
Odcienie ciemniejsze
- A2703C
- 8A5F32
- 734E28
- 5C3E1E
- 462F15
- 32200D
- 1F1205
- 0D0602
- 020100
Tony
- B5824E
- B08255
- AA825B
- A48261
- 9E8267
- 98826C
- 928171
- 8C8176
- 86817B
Harmonie kolorów
Komplementarna +180°
- BB8246
Arrakis Spice
- 5696CB
≈ Winter Lake
Analogowa -30° +30°
- BB8246
Arrakis Spice
- C67863
≈ Pompeian Pink
- A38F3E
≈ Reef Gold
Triada +120° +240°
- BB8246
Arrakis Spice
- 2BA499
≈ Sea Kale
- 9F7FC2
≈ Lilac Purple
Komplementarna rozszczepiona +150° +210°
- BB8246
Arrakis Spice
- 2C9FB8
≈ Ahriman Blue
- 7E8ACF
≈ True Lavender
Tetrada +90° +180° +270°
- BB8246
Arrakis Spice
- 56A374
≈ Great Gazoo
- 5696CB
≈ Winter Lake
- B777A8
≈ Eccentric Magenta
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.28:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.39:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.39:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--arrakis-spice: #bb8246;
--arrakis-spice-rgb: 187 130 70;
--arrakis-spice-oklch: oklch(0.652 0.104 65.6);
}
.element {
color: var(--arrakis-spice);
background-color: hsl(31 46% 50%);
border-color: oklch(0.652 0.104 65.6);
}Tailwind CSS v4
@theme {
--color-arrakis-spice: #bb8246;
--color-arrakis-spice-50: #fff0d6;
--color-arrakis-spice-100: #ffe2c4;
--color-arrakis-spice-200: #f3cda5;
--color-arrakis-spice-300: #dbae7d;
--color-arrakis-spice-400: #c99259;
--color-arrakis-spice-500: #b57731;
--color-arrakis-spice-600: #99652b;
--color-arrakis-spice-700: #7a5022;
--color-arrakis-spice-800: #5b3a18;
--color-arrakis-spice-900: #40280f;
--color-arrakis-spice-950: #291503;
}SCSS
$arrakis-spice: #bb8246;
$arrakis-spice-rgb: 187, 130, 70;
$arrakis-spice-light: mix(#fff, $arrakis-spice, 20%);
$arrakis-spice-dark: mix(#000, $arrakis-spice, 20%);
.element {
color: $arrakis-spice;
box-shadow: 0 0 0 2px rgba($arrakis-spice, 0.35);
}