Colore con nome · #ED7468
Debutante
Debutante è #ED7468: rgb(237 116 104), hsl(5 79% 67%), oklch(0.698 0.152 27.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Debutante color name →
#ED7468
oklch(0.698 0.152 27.4)
Conversioni di colore
- HEX
- #ed7468
- RGB
- rgb(237 116 104)
- HSL
- hsl(5 79% 67%)
- HWB
- hwb(5 41% 7%)
- OKLCH
- oklch(0.698 0.152 27.4)
- OKLab
- oklab(0.698 0.135 0.07)
- CIE Lab
- lab(63.51 46.93 29.73)
- LCH
- lch(63.51 55.56 32.4)
- CMYK
- cmyk(0% 51% 56% 7%)
Tinte · Ombre · Toni
Tinte
- F18377
- F49186
- F79F95
- F9ADA3
- FBBBB2
- FDC9C2
- FED6D1
- FFE4E0
- FFF1EF
Ombre
- CE6459
- B0544B
- 93453E
- 773730
- 5C2924
- 421B18
- 2A0F0C
- 140504
- 030100
Toni
- E3766B
- D8796E
- CE7A70
- C37C73
- B97D75
- AE7E78
- A37F7A
- 987F7C
- 8C807E
Armonie di colore
Complementare +180°
- ED7468
Debutante
- 00B2C4
≈ Antigua Blue
Analogo -30° +30°
- ED7468
Debutante
- E6719E
≈ Shadow Azalea Pink
- E2822A
≈ Sports Fan
Triadico +120° +240°
- ED7468
Debutante
- 52B764
≈ Forest Maid
- 7498FC
≈ Guilliman Blue
Complementare divisa +150° +210°
- ED7468
Debutante
- 00B79D
≈ Aare River
- 0AA9F0
≈ Vivid Cerulean
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.87:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.29:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.29:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--debutante: #ed7468;
--debutante-rgb: 237 116 104;
--debutante-oklch: oklch(0.698 0.152 27.4);
}
.element {
color: var(--debutante);
background-color: hsl(5 79% 67%);
border-color: oklch(0.698 0.152 27.4);
}Tailwind CSS v4
@theme {
--color-debutante: #ed7468;
--color-debutante-50: #ffe6dc;
--color-debutante-100: #ffd6cb;
--color-debutante-200: #ffbcaf;
--color-debutante-300: #fb998a;
--color-debutante-400: #ea776c;
--color-debutante-500: #d8554b;
--color-debutante-600: #b74940;
--color-debutante-700: #933a33;
--color-debutante-800: #6d2926;
--color-debutante-900: #4d1c19;
--color-debutante-950: #330b0a;
}SCSS
$debutante: #ed7468;
$debutante-rgb: 237, 116, 104;
$debutante-light: mix(#fff, $debutante, 20%);
$debutante-dark: mix(#000, $debutante, 20%);
.element {
color: $debutante;
box-shadow: 0 0 0 2px rgba($debutante, 0.35);
}