Colore con nome · #E1C28D
Sequin
Sequin è #E1C28D: rgb(225 194 141), hsl(38 58% 72%), oklch(0.828 0.078 80.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sequin color name →
#E1C28D
oklch(0.828 0.078 80.7)
Conversioni di colore
- HEX
- #e1c28d
- RGB
- rgb(225 194 141)
- HSL
- hsl(38 58% 72%)
- HWB
- hwb(38 55% 12%)
- OKLCH
- oklch(0.828 0.078 80.7)
- OKLab
- oklab(0.828 0.013 0.076)
- CIE Lab
- lab(80.2 5.99 30.99)
- LCH
- lch(80.2 31.56 79.1)
- CMYK
- cmyk(0% 14% 37% 12%)
Tinte · Ombre · Toni
Tinte
- E4C899
- E7CEA4
- EAD4B0
- EDDABB
- F0E1C6
- F3E7D2
- F6EDDD
- F9F3E8
- FCF9F4
Ombre
- C4A87A
- A78F67
- 8B7755
- 706044
- 564933
- 3E3423
- 272014
- 120E07
- 020201
Toni
- D7BB8C
- CDB58B
- C3AE8A
- B9A789
- AFA188
- A69A87
- 9C9485
- 938D83
- 898682
Armonie di colore
Complementare +180°
- E1C28D
Sequin
- AAC8FA
≈ Night Snow
Analogo -30° +30°
- E1C28D
Sequin
- F1B999
≈ Caramel Powder
- C9CC91
≈ Springtide Green
Triadico +120° +240°
- E1C28D
Sequin
- 88D6DB
≈ Vibrant Soft Blue
- DEB7E6
≈ Pretty Petunia
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.70:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.30:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.30:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--sequin: #e1c28d;
--sequin-rgb: 225 194 141;
--sequin-oklch: oklch(0.828 0.078 80.7);
}
.element {
color: var(--sequin);
background-color: hsl(38 58% 72%);
border-color: oklch(0.828 0.078 80.7);
}Tailwind CSS v4
@theme {
--color-sequin: #e1c28d;
--color-sequin-50: #fff4dd;
--color-sequin-100: #f5e6cb;
--color-sequin-200: #e5d2af;
--color-sequin-300: #cbb48a;
--color-sequin-400: #b69a69;
--color-sequin-500: #a18147;
--color-sequin-600: #886d3d;
--color-sequin-700: #6d5730;
--color-sequin-800: #513f22;
--color-sequin-900: #382b16;
--color-sequin-950: #231908;
}SCSS
$sequin: #e1c28d;
$sequin-rgb: 225, 194, 141;
$sequin-light: mix(#fff, $sequin, 20%);
$sequin-dark: mix(#000, $sequin, 20%);
.element {
color: $sequin;
box-shadow: 0 0 0 2px rgba($sequin, 0.35);
}