Nazwany kolor · #BE7D33
Autumn Fest
Autumn Fest to #BE7D33: rgb(190 125 51), hsl(32 58% 47%), oklch(0.644 0.119 65.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Autumn Fest color name →
#BE7D33
oklch(0.644 0.119 65.9)
Konwersje koloru
- HEX
- #be7d33
- RGB
- rgb(190 125 51)
- HSL
- hsl(32 58% 47%)
- HWB
- hwb(32 20% 25%)
- OKLCH
- oklch(0.644 0.119 65.9)
- OKLab
- oklab(0.644 0.049 0.109)
- CIE Lab
- lab(58.38 21.29 49.3)
- LCH
- lch(58.38 53.7 66.6)
- CMYK
- cmyk(0% 34% 73% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C58A4B
- CC9761
- D3A475
- DAB189
- E0BE9C
- E7CBB0
- EDD8C4
- F3E5D7
- F9F2EB
Odcienie ciemniejsze
- A56C2B
- 8C5B23
- 754B1C
- 5E3B14
- 482C0D
- 331E07
- 1F1103
- 0D0501
- 020100
Tony
- B87E3F
- B27E48
- AC7F51
- A67F59
- A08060
- 9A8067
- 93806E
- 8D8074
- 87807A
Harmonie kolorów
Komplementarna +180°
- BE7D33
Autumn Fest
- 4893D1
≈ Delphinium Corsage
Analogowa -30° +30°
- BE7D33
Autumn Fest
- CB7159
≈ Japonica
- A38C26
≈ Faint Green
Triada +120° +240°
- BE7D33
Autumn Fest
- 00A397
≈ Tyrolite Blue-Green
- 9F79C7
≈ Wisteria
Komplementarna rozszczepiona +150° +210°
- BE7D33
Autumn Fest
- 009EB9
≈ Brilliant Sea
- 7A86D5
≈ Tanzine
Tetrada +90° +180° +270°
- BE7D33
Autumn Fest
- 46A36E
≈ Linoleum Green
- 4893D1
≈ Delphinium Corsage
- BA70A9
≈ Crocus
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.40:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.17:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.17:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--autumn-fest: #be7d33;
--autumn-fest-rgb: 190 125 51;
--autumn-fest-oklch: oklch(0.644 0.119 65.9);
}
.element {
color: var(--autumn-fest);
background-color: hsl(32 58% 47%);
border-color: oklch(0.644 0.119 65.9);
}Tailwind CSS v4
@theme {
--color-autumn-fest: #be7d33;
--color-autumn-fest-50: #fff0d1;
--color-autumn-fest-100: #ffe1be;
--color-autumn-fest-200: #f7cb9d;
--color-autumn-fest-300: #e0ac73;
--color-autumn-fest-400: #ce8f4c;
--color-autumn-fest-500: #bb7316;
--color-autumn-fest-600: #9e6217;
--color-autumn-fest-700: #7e4e13;
--color-autumn-fest-800: #5f380c;
--color-autumn-fest-900: #422608;
--color-autumn-fest-950: #2a1400;
}SCSS
$autumn-fest: #be7d33;
$autumn-fest-rgb: 190, 125, 51;
$autumn-fest-light: mix(#fff, $autumn-fest, 20%);
$autumn-fest-dark: mix(#000, $autumn-fest, 20%);
.element {
color: $autumn-fest;
box-shadow: 0 0 0 2px rgba($autumn-fest, 0.35);
}