Colore con nome · #E6B99F
Seasonal Beige
Seasonal Beige è #E6B99F: rgb(230 185 159), hsl(22 59% 76%), oklch(0.819 0.063 51.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Seasonal Beige color name →
#E6B99F
oklch(0.819 0.063 51.5)
Conversioni di colore
- HEX
- #e6b99f
- RGB
- rgb(230 185 159)
- HSL
- hsl(22 59% 76%)
- HWB
- hwb(22 62% 10%)
- OKLCH
- oklch(0.819 0.063 51.5)
- OKLab
- oklab(0.819 0.039 0.049)
- CIE Lab
- lab(78.75 14.05 19.71)
- LCH
- lch(78.75 24.2 54.5)
- CMYK
- cmyk(0% 20% 31% 10%)
Tinte · Ombre · Toni
Tinte
- E9C0A8
- EBC7B2
- EECEBB
- F1D5C5
- F3DCCF
- F6E3D8
- F8EAE2
- FAF1EC
- FDF8F5
Ombre
- C8A08A
- AB8975
- 8E7161
- 735B4D
- 59463B
- 403129
- 281E18
- 130D09
- 030201
Toni
- DCB39C
- D1AD99
- C7A896
- BCA293
- B29C90
- A8978D
- 9E918A
- 948B86
- 8A8683
Armonie di colore
Complementare +180°
- E6B99F
Seasonal Beige
- 9BCCE6
≈ Spring Tide
Analogo -30° +30°
- E6B99F
Seasonal Beige
- EAB4B2
≈ Naked Rose
- D9C096
≈ Grain Mill
Triadico +120° +240°
- E6B99F
Seasonal Beige
- 9AD2BF
≈ Wintermint
- C4BDEA
≈ Violet Gems
Complementare divisa +150° +210°
- E6B99F
Seasonal Beige
- 93D1D5
≈ Aroma Blue
- ADC5EE
≈ Promise Keeping
Tetradico +90° +180° +270°
- E6B99F
Seasonal Beige
- AECFA9
≈ Garden Room
- 9BCCE6
≈ Spring Tide
- D7B7DD
≈ Pretty Petunia
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.80:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--seasonal-beige: #e6b99f;
--seasonal-beige-rgb: 230 185 159;
--seasonal-beige-oklch: oklch(0.819 0.063 51.5);
}
.element {
color: var(--seasonal-beige);
background-color: hsl(22 59% 76%);
border-color: oklch(0.819 0.063 51.5);
}Tailwind CSS v4
@theme {
--color-seasonal-beige: #e6b99f;
--color-seasonal-beige-50: #fff1e5;
--color-seasonal-beige-100: #fae3d5;
--color-seasonal-beige-200: #ebcebc;
--color-seasonal-beige-300: #d2af9a;
--color-seasonal-beige-400: #bd947d;
--color-seasonal-beige-500: #a87a5f;
--color-seasonal-beige-600: #8e6851;
--color-seasonal-beige-700: #725341;
--color-seasonal-beige-800: #553c2f;
--color-seasonal-beige-900: #3b2920;
--color-seasonal-beige-950: #25170f;
}SCSS
$seasonal-beige: #e6b99f;
$seasonal-beige-rgb: 230, 185, 159;
$seasonal-beige-light: mix(#fff, $seasonal-beige, 20%);
$seasonal-beige-dark: mix(#000, $seasonal-beige, 20%);
.element {
color: $seasonal-beige;
box-shadow: 0 0 0 2px rgba($seasonal-beige, 0.35);
}