Nazwany kolor · #BD7C4F
Chai Spice
Chai Spice to #BD7C4F: rgb(189 124 79), hsl(25 45% 53%), oklch(0.644 0.101 54.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Chai Spice color name →
#BD7C4F
oklch(0.644 0.101 54.6)
Konwersje koloru
- HEX
- #bd7c4f
- RGB
- rgb(189 124 79)
- HSL
- hsl(25 45% 53%)
- HWB
- hwb(25 31% 26%)
- OKLCH
- oklch(0.644 0.101 54.6)
- OKLab
- oklab(0.644 0.059 0.083)
- CIE Lab
- lab(58.27 22.66 35.23)
- LCH
- lch(58.27 41.89 57.2)
- CMYK
- cmyk(0% 34% 58% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C48961
- CB9672
- D2A384
- D9B095
- E0BDA6
- E6CAB8
- EDD7C9
- F3E4DB
- F9F2ED
Odcienie ciemniejsze
- A46B44
- 8C5A38
- 744A2E
- 5D3B23
- 472C19
- 331E10
- 1F1107
- 0D0502
- 020100
Tony
- B77D55
- B17E5B
- AB7E60
- A67F65
- A07F6A
- 997F6F
- 938073
- 8D8078
- 87807C
Harmonie kolorów
Komplementarna +180°
- BD7C4F
Chai Spice
- 4697C2
≈ Mountain Bluebird
Analogowa -30° +30°
- BD7C4F
Chai Spice
- C4746E
≈ Red Sparowes
- AA883E
≈ Garden Sprout
Triada +120° +240°
- BD7C4F
Chai Spice
- 3BA189
≈ Gossamer
- 9181C5
≈ Amethyst Grey
Komplementarna rozszczepiona +150° +210°
- BD7C4F
Chai Spice
- 269FAA
≈ Cancer Seagreen Scarab
- 6F8CCB
≈ Royal Regatta
Tetrada +90° +180° +270°
- BD7C4F
Chai Spice
- 659E66
≈ Treelet
- 4697C2
≈ Mountain Bluebird
- AC78B0
≈ Berries Galore
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.40:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.15:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.15:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--chai-spice: #bd7c4f;
--chai-spice-rgb: 189 124 79;
--chai-spice-oklch: oklch(0.644 0.101 54.6);
}
.element {
color: var(--chai-spice);
background-color: hsl(25 45% 53%);
border-color: oklch(0.644 0.101 54.6);
}Tailwind CSS v4
@theme {
--color-chai-spice: #bd7c4f;
--color-chai-spice-50: #ffefda;
--color-chai-spice-100: #ffe0c8;
--color-chai-spice-200: #f7caab;
--color-chai-spice-300: #e0ab85;
--color-chai-spice-400: #cd8e63;
--color-chai-spice-500: #b97240;
--color-chai-spice-600: #9d6137;
--color-chai-spice-700: #7e4e2c;
--color-chai-spice-800: #5e381f;
--color-chai-spice-900: #422614;
--color-chai-spice-950: #2a1406;
}SCSS
$chai-spice: #bd7c4f;
$chai-spice-rgb: 189, 124, 79;
$chai-spice-light: mix(#fff, $chai-spice, 20%);
$chai-spice-dark: mix(#000, $chai-spice, 20%);
.element {
color: $chai-spice;
box-shadow: 0 0 0 2px rgba($chai-spice, 0.35);
}