Nazwany kolor · #C38743
Automn Fox
Automn Fox to #C38743: rgb(195 135 67), hsl(32 52% 51%), oklch(0.67 0.112 67.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Automn Fox color name →
#C38743
oklch(0.67 0.112 67.2)
Konwersje koloru
- HEX
- #c38743
- RGB
- rgb(195 135 67)
- HSL
- hsl(32 52% 51%)
- HWB
- hwb(32 26% 24%)
- OKLCH
- oklch(0.67 0.112 67.2)
- OKLab
- oklab(0.67 0.043 0.103)
- CIE Lab
- lab(61.53 18.83 45.28)
- LCH
- lch(61.53 49.04 67.4)
- CMYK
- cmyk(0% 31% 66% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C99358
- D09F6B
- D6AB7E
- DCB790
- E2C3A3
- E8CFB5
- EEDBC7
- F4E7DA
- F9F3EC
Odcienie ciemniejsze
- A97539
- 90632F
- 785126
- 60411D
- 4A3114
- 34210C
- 201305
- 0E0601
- 020100
Tony
- BC874C
- B68653
- AF865A
- A98560
- A28566
- 9B846C
- 958371
- 8E8276
- 87817B
Harmonie kolorów
Komplementarna +180°
- C38743
Automn Fox
- 589BD6
≈ Blue Bay
Analogowa -30° +30°
- C38743
Automn Fox
- D07C63
≈ Silithus Brown
- A9953B
≈ Shimmering Glade
Triada +120° +240°
- C38743
Automn Fox
- 1DABA1
≈ Tropical Hideaway
- A882CB
≈ Wisteria
Komplementarna rozszczepiona +150° +210°
- C38743
Automn Fox
- 25A6C2
≈ True Sky Blue
- 848EDA
≈ Mood Mode
Tetrada +90° +180° +270°
- C38743
Automn Fox
- 53AA7A
≈ Julep
- 589BD6
≈ Blue Bay
- C17AAE
≈ Strawberry Freeze
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.05:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.86:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.86:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--automn-fox: #c38743;
--automn-fox-rgb: 195 135 67;
--automn-fox-oklch: oklch(0.67 0.112 67.2);
}
.element {
color: var(--automn-fox);
background-color: hsl(32 52% 51%);
border-color: oklch(0.67 0.112 67.2);
}Tailwind CSS v4
@theme {
--color-automn-fox: #c38743;
--color-automn-fox-50: #fff0d3;
--color-automn-fox-100: #ffe2c0;
--color-automn-fox-200: #f4cca1;
--color-automn-fox-300: #ddad78;
--color-automn-fox-400: #cb9152;
--color-automn-fox-500: #b77624;
--color-automn-fox-600: #9a6421;
--color-automn-fox-700: #7c501a;
--color-automn-fox-800: #5c3912;
--color-automn-fox-900: #41270b;
--color-automn-fox-950: #291501;
}SCSS
$automn-fox: #c38743;
$automn-fox-rgb: 195, 135, 67;
$automn-fox-light: mix(#fff, $automn-fox, 20%);
$automn-fox-dark: mix(#000, $automn-fox, 20%);
.element {
color: $automn-fox;
box-shadow: 0 0 0 2px rgba($automn-fox, 0.35);
}