Nazwany kolor · #D07A04
Autumn Leaf Orange
Autumn Leaf Orange to #D07A04: rgb(208 122 4), hsl(35 96% 42%), oklch(0.659 0.149 63.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Autumn Leaf Orange color name →
#D07A04
oklch(0.659 0.149 63.2)
Konwersje koloru
- HEX
- #d07a04
- RGB
- rgb(208 122 4)
- HSL
- hsl(35 96% 42%)
- HWB
- hwb(35 2% 18%)
- OKLCH
- oklch(0.659 0.149 63.2)
- OKLab
- oklab(0.659 0.067 0.133)
- CIE Lab
- lab(59.88 29.64 65.66)
- LCH
- lch(59.88 72.05 65.7)
- CMYK
- cmyk(0% 41% 98% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D68836
- DB9551
- E1A369
- E6B07F
- EABD95
- EFCAAA
- F3D8BF
- F7E5D5
- FBF2EA
Odcienie ciemniejsze
- B56903
- 9A5902
- 804901
- 673A01
- 4F2B01
- 391D00
- 231000
- 100500
- 020100
Tony
- C87B26
- C17D37
- B97E44
- B17F4F
- A97F59
- A18062
- 99806A
- 918072
- 898079
Harmonie kolorów
Komplementarna +180°
- D07A04
Autumn Leaf Orange
- 239AE5
≈ Homeworld
Analogowa -30° +30°
- D07A04
Autumn Leaf Orange
- DE6B53
≈ Dusty Orange
- AE8F00
≈ Manure
Triada +120° +240°
- D07A04
Autumn Leaf Orange
- 00A999
≈ Tropical Hideaway
- A578DC
≈ Lavender Blossom
Komplementarna rozszczepiona +150° +210°
- D07A04
Autumn Leaf Orange
- 00A4BC
≈ Maui
- 7589EC
≈ Soft Blue
Tetrada +90° +180° +270°
- D07A04
Autumn Leaf Orange
- 32AB65
≈ Island Green
- 239AE5
≈ Homeworld
- C66CB8
≈ Gulābī Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.24:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.46:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--autumn-leaf-orange: #d07a04;
--autumn-leaf-orange-rgb: 208 122 4;
--autumn-leaf-orange-oklch: oklch(0.659 0.149 63.2);
}
.element {
color: var(--autumn-leaf-orange);
background-color: hsl(35 96% 42%);
border-color: oklch(0.659 0.149 63.2);
}Tailwind CSS v4
@theme {
--color-autumn-leaf-orange: #d07a04;
--color-autumn-leaf-orange-50: #ffedc9;
--color-autumn-leaf-orange-100: #ffdeb4;
--color-autumn-leaf-orange-200: #ffc890;
--color-autumn-leaf-orange-300: #eca760;
--color-autumn-leaf-orange-400: #db882e;
--color-autumn-leaf-orange-500: #c86a00;
--color-autumn-leaf-orange-600: #a95b00;
--color-autumn-leaf-orange-700: #884800;
--color-autumn-leaf-orange-800: #663300;
--color-autumn-leaf-orange-900: #482300;
--color-autumn-leaf-orange-950: #2f1100;
}SCSS
$autumn-leaf-orange: #d07a04;
$autumn-leaf-orange-rgb: 208, 122, 4;
$autumn-leaf-orange-light: mix(#fff, $autumn-leaf-orange, 20%);
$autumn-leaf-orange-dark: mix(#000, $autumn-leaf-orange, 20%);
.element {
color: $autumn-leaf-orange;
box-shadow: 0 0 0 2px rgba($autumn-leaf-orange, 0.35);
}