Nazwany kolor · #E6BE8A
Bourbon Spice
Bourbon Spice to #E6BE8A: rgb(230 190 138), hsl(34 65% 72%), oklch(0.825 0.082 73.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Bourbon Spice color name →
#E6BE8A
oklch(0.825 0.082 73.6)
Konwersje koloru
- HEX
- #e6be8a
- RGB
- rgb(230 190 138)
- HSL
- hsl(34 65% 72%)
- HWB
- hwb(34 54% 10%)
- OKLCH
- oklch(0.825 0.082 73.6)
- OKLab
- oklab(0.825 0.023 0.078)
- CIE Lab
- lab(79.65 9.72 31.94)
- LCH
- lch(79.65 33.39 73.1)
- CMYK
- cmyk(0% 17% 40% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9C596
- EBCBA2
- EED2AE
- F0D8B9
- F3DFC5
- F5E5D0
- F8ECDC
- FAF2E8
- FDF9F3
Odcienie ciemniejsze
- C8A577
- AB8C65
- 8E7553
- 735E42
- 594832
- 403322
- 281F14
- 130D07
- 030201
Tony
- DBB88A
- D1B189
- C7AB88
- BCA587
- B29F87
- A89985
- 9E9284
- 948C83
- 8A8682
Harmonie kolorów
Komplementarna +180°
- E6BE8A
Bourbon Spice
- A1C9FA
≈ Apocyan
Analogowa -30° +30°
- E6BE8A
Bourbon Spice
- F4B59B
≈ Mandys Pink
- CEC98A
≈ Green Apple Martini
Triada +120° +240°
- E6BE8A
Bourbon Spice
- 83D7D5
≈ Sea Wave
- D9B6EB
≈ Pretty Petunia
Komplementarna rozszczepiona +150° +210°
- E6BE8A
Bourbon Spice
- 89D2ED
≈ Slightly Spritzig
- BEBFFA
≈ Dried Lilac
Tetrada +90° +180° +270°
- E6BE8A
Bourbon Spice
- 93D7B7
≈ Vista Blue
- A1C9FA
≈ Apocyan
- ECB1D3
≈ Gumball
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.73:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.09:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.09:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--bourbon-spice: #e6be8a;
--bourbon-spice-rgb: 230 190 138;
--bourbon-spice-oklch: oklch(0.825 0.082 73.6);
}
.element {
color: var(--bourbon-spice);
background-color: hsl(34 65% 72%);
border-color: oklch(0.825 0.082 73.6);
}Tailwind CSS v4
@theme {
--color-bourbon-spice: #e6be8a;
--color-bourbon-spice-50: #fff3dc;
--color-bourbon-spice-100: #f8e5ca;
--color-bourbon-spice-200: #e9d0ae;
--color-bourbon-spice-300: #d0b289;
--color-bourbon-spice-400: #bc9767;
--color-bourbon-spice-500: #a77e45;
--color-bourbon-spice-600: #8d6a3b;
--color-bourbon-spice-700: #71552f;
--color-bourbon-spice-800: #543e21;
--color-bourbon-spice-900: #3b2a16;
--color-bourbon-spice-950: #251807;
}SCSS
$bourbon-spice: #e6be8a;
$bourbon-spice-rgb: 230, 190, 138;
$bourbon-spice-light: mix(#fff, $bourbon-spice, 20%);
$bourbon-spice-dark: mix(#000, $bourbon-spice, 20%);
.element {
color: $bourbon-spice;
box-shadow: 0 0 0 2px rgba($bourbon-spice, 0.35);
}