Colore con nome · #E1634F
Flamingo
Flamingo è #E1634F: rgb(225 99 79), hsl(8 71% 60%), oklch(0.652 0.162 31). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Flamingo color name →
#E1634F
oklch(0.652 0.162 31)
Conversioni di colore
- HEX
- #e1634f
- RGB
- rgb(225 99 79)
- HSL
- hsl(8 71% 60%)
- HWB
- hwb(8 31% 12%)
- OKLCH
- oklch(0.652 0.162 31)
- OKLab
- oklab(0.652 0.138 0.083)
- CIE Lab
- lab(58.2 49.17 36.65)
- LCH
- lch(58.2 61.33 36.7)
- CMYK
- cmyk(0% 56% 65% 12%)
Tinte · Ombre · Toni
Tinte
- E67461
- EB8472
- EF9484
- F3A495
- F6B3A6
- F9C2B8
- FBD2C9
- FDE1DB
- FEF0ED
Ombre
- C45544
- A74738
- 8B3A2E
- 702E23
- 562119
- 3E1610
- 270B07
- 120302
- 020000
Toni
- D86855
- CF6C5B
- C66F60
- BD7365
- B4766A
- AA786F
- A07A73
- 967D78
- 8B7E7C
Armonie di colore
Complementare +180°
- E1634F
Flamingo
- 00A2B7
≈ January Blue
Analogo -30° +30°
- E1634F
Flamingo
- DC5F8A
≈ Blush d’Amour
- D07600
≈ Tree Sap
Triadico +120° +240°
- E1634F
Flamingo
- 27AA59
≈ Nordic Grass Green
- 6C87F1
≈ Soft Blue
Complementare divisa +150° +210°
- E1634F
Flamingo
- 00A794
≈ Persian Green
- 0099E3
≈ Atmosphere
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.44:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.09:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--flamingo: #e1634f;
--flamingo-rgb: 225 99 79;
--flamingo-oklch: oklch(0.652 0.162 31);
}
.element {
color: var(--flamingo);
background-color: hsl(8 71% 60%);
border-color: oklch(0.652 0.162 31);
}Tailwind CSS v4
@theme {
--color-flamingo: #e1634f;
--color-flamingo-50: #ffe5d8;
--color-flamingo-100: #ffd5c6;
--color-flamingo-200: #ffbba8;
--color-flamingo-300: #ff9781;
--color-flamingo-400: #ee7561;
--color-flamingo-500: #dc513d;
--color-flamingo-600: #ba4635;
--color-flamingo-700: #96382a;
--color-flamingo-800: #70271f;
--color-flamingo-900: #4f1a14;
--color-flamingo-950: #340a06;
}SCSS
$flamingo: #e1634f;
$flamingo-rgb: 225, 99, 79;
$flamingo-light: mix(#fff, $flamingo, 20%);
$flamingo-dark: mix(#000, $flamingo, 20%);
.element {
color: $flamingo;
box-shadow: 0 0 0 2px rgba($flamingo, 0.35);
}