Nazwany kolor · #EDB06D
Evening Sunset
Evening Sunset to #EDB06D: rgb(237 176 109), hsl(31 78% 68%), oklch(0.8 0.11 67.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Evening Sunset color name →
#EDB06D
oklch(0.8 0.11 67.7)
Konwersje koloru
- HEX
- #edb06d
- RGB
- rgb(237 176 109)
- HSL
- hsl(31 78% 68%)
- HWB
- hwb(31 43% 7%)
- OKLCH
- oklch(0.8 0.11 67.7)
- OKLab
- oklab(0.8 0.042 0.102)
- CIE Lab
- lab(76.61 17.55 43.16)
- LCH
- lch(76.61 46.6 67.9)
- CMYK
- cmyk(0% 26% 54% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFB87D
- F1C08C
- F3C89B
- F5D0A9
- F7D8B8
- F9E0C6
- FBE8D4
- FCEFE3
- FEF7F1
Odcienie ciemniejsze
- CE995E
- B0824F
- 936C41
- 775633
- 5C4226
- 422E19
- 2A1C0D
- 140B04
- 030101
Tony
- E2AB70
- D7A773
- CCA276
- C19D78
- B6987A
- AB947C
- A08F7D
- 958A7E
- 8B857F
Harmonie kolorów
Komplementarna +180°
- EDB06D
Evening Sunset
- 85C4FF
≈ Chromis Damsel Blue
Analogowa -30° +30°
- EDB06D
Evening Sunset
- FBA48A
≈ Coral Serenade
- D1BE67
≈ Mustard Oil
Triada +120° +240°
- EDB06D
Evening Sunset
- 5AD5CA
≈ Patina
- D1ABF5
≈ Teasel Dipsacus
Komplementarna rozszczepiona +150° +210°
- EDB06D
Evening Sunset
- 5DCFED
≈ Libra Blue Morpho
- AEB8FF
≈ Greyish Lavender
Tetrada +90° +180° +270°
- EDB06D
Evening Sunset
- 7DD3A2
≈ Crystal Gem
- 85C4FF
≈ Chromis Damsel Blue
- ECA2D7
≈ Violet Kiss
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.03:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.03:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--evening-sunset: #edb06d;
--evening-sunset-rgb: 237 176 109;
--evening-sunset-oklch: oklch(0.8 0.11 67.7);
}
.element {
color: var(--evening-sunset);
background-color: hsl(31 78% 68%);
border-color: oklch(0.8 0.11 67.7);
}Tailwind CSS v4
@theme {
--color-evening-sunset: #edb06d;
--color-evening-sunset-50: #fff0d4;
--color-evening-sunset-100: #ffe2c1;
--color-evening-sunset-200: #f3cda1;
--color-evening-sunset-300: #dcae78;
--color-evening-sunset-400: #ca9153;
--color-evening-sunset-500: #b67626;
--color-evening-sunset-600: #996422;
--color-evening-sunset-700: #7b501b;
--color-evening-sunset-800: #5c3a12;
--color-evening-sunset-900: #40280c;
--color-evening-sunset-950: #291501;
}SCSS
$evening-sunset: #edb06d;
$evening-sunset-rgb: 237, 176, 109;
$evening-sunset-light: mix(#fff, $evening-sunset, 20%);
$evening-sunset-dark: mix(#000, $evening-sunset, 20%);
.element {
color: $evening-sunset;
box-shadow: 0 0 0 2px rgba($evening-sunset, 0.35);
}