Colore con nome · #C96138
Ecstasy
Ecstasy è #C96138: rgb(201 97 56), hsl(17 57% 50%), oklch(0.611 0.144 41.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ecstasy color name →
#C96138
oklch(0.611 0.144 41.2)
Conversioni di colore
- HEX
- #c96138
- RGB
- rgb(201 97 56)
- HSL
- hsl(17 57% 50%)
- HWB
- hwb(17 22% 21%)
- OKLCH
- oklch(0.611 0.144 41.2)
- OKLab
- oklab(0.611 0.108 0.095)
- CIE Lab
- lab(53.82 40.24 42.89)
- LCH
- lch(53.82 58.82 46.8)
- CMYK
- cmyk(0% 52% 72% 21%)
Tinte · Ombre · Toni
Tinte
- D0724E
- D78262
- DD9175
- E3A189
- E9B19C
- EEC0B0
- F3D0C3
- F7E0D7
- FBEFEB
Ombre
- AE532F
- 954627
- 7C391F
- 642D17
- 4C210F
- 361508
- 220B04
- 0F0301
- 020000
Toni
- C36542
- BC694A
- B56D52
- AE7059
- A77460
- A07667
- 98796E
- 917C74
- 897E7A
Armonie di colore
Complementare +180°
- C96138
Ecstasy
- 0092B3
≈ Cool Tide
Analogo -30° +30°
- C96138
Ecstasy
- CA596E
≈ Rapture Rose
- B47400
≈ Philippine Gold
Triadico +120° +240°
- C96138
Ecstasy
- 009C69
≈ Prairie
- 7676D7
≈ Kickstart Purple
Complementare divisa +150° +210°
- C96138
Ecstasy
- 009793
≈ Columbia
- 3687D6
≈ Blue Cola
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.99:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.25:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.25:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--ecstasy: #c96138;
--ecstasy-rgb: 201 97 56;
--ecstasy-oklch: oklch(0.611 0.144 41.2);
}
.element {
color: var(--ecstasy);
background-color: hsl(17 57% 50%);
border-color: oklch(0.611 0.144 41.2);
}Tailwind CSS v4
@theme {
--color-ecstasy: #c96138;
--color-ecstasy-50: #ffe9d5;
--color-ecstasy-100: #ffd9c2;
--color-ecstasy-200: #ffc1a3;
--color-ecstasy-300: #f59f7b;
--color-ecstasy-400: #e47f58;
--color-ecstasy-500: #d25f30;
--color-ecstasy-600: #b1512a;
--color-ecstasy-700: #8f4021;
--color-ecstasy-800: #6a2e18;
--color-ecstasy-900: #4b1f10;
--color-ecstasy-950: #310e03;
}SCSS
$ecstasy: #c96138;
$ecstasy-rgb: 201, 97, 56;
$ecstasy-light: mix(#fff, $ecstasy, 20%);
$ecstasy-dark: mix(#000, $ecstasy, 20%);
.element {
color: $ecstasy;
box-shadow: 0 0 0 2px rgba($ecstasy, 0.35);
}