Nazwany kolor · #E6AE76
Autumn Gourd
Autumn Gourd to #E6AE76: rgb(230 174 118), hsl(30 69% 68%), oklch(0.79 0.098 65.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Autumn Gourd color name →
#E6AE76
oklch(0.79 0.098 65.6)
Konwersje koloru
- HEX
- #e6ae76
- RGB
- rgb(230 174 118)
- HSL
- hsl(30 69% 68%)
- HWB
- hwb(30 46% 10%)
- OKLCH
- oklch(0.79 0.098 65.6)
- OKLab
- oklab(0.79 0.04 0.089)
- CIE Lab
- lab(75.48 16.28 37)
- LCH
- lch(75.48 40.42 66.2)
- CMYK
- cmyk(0% 24% 49% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9B684
- ECBE92
- EEC6A0
- F1CFAE
- F4D7BB
- F6DFC9
- F8E7D6
- FBEFE4
- FDF7F1
Odcienie ciemniejsze
- C89766
- AB8056
- 8E6A47
- 735538
- 594129
- 402E1C
- 281C0F
- 130B05
- 030101
Tony
- DCAA78
- D1A57A
- C7A07B
- BD9C7C
- B2977D
- A8937E
- 9E8E7F
- 94897F
- 8A8580
Harmonie kolorów
Komplementarna +180°
- E6AE76
Autumn Gourd
- 85C1F6
≈ Electric Eel
Analogowa -30° +30°
- E6AE76
Autumn Gourd
- F2A48F
≈ Stone Fruit
- CEBB70
≈ Green Citrine
Triada +120° +240°
- E6AE76
Autumn Gourd
- 69CFC3
≈ Dip in the Pool
- CAABED
≈ Purple Sand
Komplementarna rozszczepiona +150° +210°
- E6AE76
Autumn Gourd
- 69CBE2
≈ Hawaiian Breeze
- A9B6FA
≈ Wondrous Wisteria
Tetrada +90° +180° +270°
- E6AE76
Autumn Gourd
- 86CEA0
≈ Frost Gum
- 85C1F6
≈ Electric Eel
- E3A3D3
≈ Exotic Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.96:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.68:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--autumn-gourd: #e6ae76;
--autumn-gourd-rgb: 230 174 118;
--autumn-gourd-oklch: oklch(0.79 0.098 65.6);
}
.element {
color: var(--autumn-gourd);
background-color: hsl(30 69% 68%);
border-color: oklch(0.79 0.098 65.6);
}Tailwind CSS v4
@theme {
--color-autumn-gourd: #e6ae76;
--color-autumn-gourd-50: #fff1d8;
--color-autumn-gourd-100: #ffe2c6;
--color-autumn-gourd-200: #f1cda8;
--color-autumn-gourd-300: #d9ae81;
--color-autumn-gourd-400: #c6935e;
--color-autumn-gourd-500: #b27839;
--color-autumn-gourd-600: #966631;
--color-autumn-gourd-700: #795127;
--color-autumn-gourd-800: #5a3a1b;
--color-autumn-gourd-900: #3f2812;
--color-autumn-gourd-950: #281604;
}SCSS
$autumn-gourd: #e6ae76;
$autumn-gourd-rgb: 230, 174, 118;
$autumn-gourd-light: mix(#fff, $autumn-gourd, 20%);
$autumn-gourd-dark: mix(#000, $autumn-gourd, 20%);
.element {
color: $autumn-gourd;
box-shadow: 0 0 0 2px rgba($autumn-gourd, 0.35);
}