Colore con nome · #CE0644
Flame Lily
Flame Lily è #CE0644: rgb(206 6 68), hsl(341 94% 42%), oklch(0.543 0.215 15.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Flame Lily color name →
#CE0644
oklch(0.543 0.215 15.4)
Conversioni di colore
- HEX
- #ce0644
- RGB
- rgb(206 6 68)
- HSL
- hsl(341 94% 42%)
- HWB
- hwb(341 2% 19%)
- OKLCH
- oklch(0.543 0.215 15.4)
- OKLab
- oklab(0.543 0.207 0.057)
- CIE Lab
- lab(44.54 69.41 25.79)
- LCH
- lch(44.54 74.05 20.4)
- CMYK
- cmyk(0% 97% 67% 19%)
Tinte · Ombre · Toni
Tinte
- D73956
- DE5567
- E56C79
- EC838C
- F1989E
- F6ADB1
- F9C1C4
- FCD6D7
- FEEAEB
Ombre
- B3043A
- 980330
- 7F0226
- 66011D
- 4E0114
- 38000C
- 230005
- 0F0002
- 020000
Toni
- C8294A
- C23A51
- BC4757
- B5525D
- AE5B63
- A66469
- 9E6C6E
- 957374
- 8B7A7A
Armonie di colore
Complementare +180°
- CE0644
Flame Lily
- 008080
≈ Teal
Analogo -30° +30°
- CE0644
Flame Lily
- BE1C8A
≈ Loulou’s Purple
- B44A00
≈ Beef Bourguignon
Triadico +120° +240°
- CE0644
Flame Lily
- 418200
≈ Green People
- 006CD5
≈ Flickr Blue
Complementare divisa +150° +210°
- CE0644
Flame Lily
- 00845F
≈ Spectral Green
- 007B9D
≈ Bleu Ciel
Tetradico +90° +180° +270°
- CE0644
Flame Lily
- 797200
≈ Sunlit Kelp Green
- 008080
≈ Teal
- 6A4EE4
≈ Majorelle Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.62:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.73:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--flame-lily: #ce0644;
--flame-lily-rgb: 206 6 68;
--flame-lily-oklch: oklch(0.543 0.215 15.4);
}
.element {
color: var(--flame-lily);
background-color: hsl(341 94% 42%);
border-color: oklch(0.543 0.215 15.4);
}Tailwind CSS v4
@theme {
--color-flame-lily: #ce0644;
--color-flame-lily-50: #ffdddf;
--color-flame-lily-100: #ffcbce;
--color-flame-lily-200: #ffadb2;
--color-flame-lily-300: #ff848f;
--color-flame-lily-400: #ff5a74;
--color-flame-lily-500: #f21e55;
--color-flame-lily-600: #cd1f48;
--color-flame-lily-700: #a51a3a;
--color-flame-lily-800: #7b0f2c;
--color-flame-lily-900: #570a1e;
--color-flame-lily-950: #3a000e;
}SCSS
$flame-lily: #ce0644;
$flame-lily-rgb: 206, 6, 68;
$flame-lily-light: mix(#fff, $flame-lily, 20%);
$flame-lily-dark: mix(#000, $flame-lily, 20%);
.element {
color: $flame-lily;
box-shadow: 0 0 0 2px rgba($flame-lily, 0.35);
}