Colore con nome · #E57F5B
Tangerine Flake
Tangerine Flake è #E57F5B: rgb(229 127 91), hsl(16 73% 63%), oklch(0.702 0.136 40). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Tangerine Flake color name →
#E57F5B
oklch(0.702 0.136 40)
Conversioni di colore
- HEX
- #e57f5b
- RGB
- rgb(229 127 91)
- HSL
- hsl(16 73% 63%)
- HWB
- hwb(16 36% 10%)
- OKLCH
- oklch(0.702 0.136 40)
- OKLab
- oklab(0.702 0.104 0.087)
- CIE Lab
- lab(64.39 37.96 37.61)
- LCH
- lch(64.39 53.44 44.7)
- CMYK
- cmyk(0% 45% 60% 10%)
Tinte · Ombre · Toni
Tinte
- E98C6C
- ED997C
- F0A68D
- F3B39D
- F6C0AD
- F9CCBD
- FBD9CE
- FCE6DE
- FEF2EE
Ombre
- C76E4E
- AA5D41
- 8E4C35
- 723C29
- 582D1E
- 3F1F13
- 281109
- 120603
- 030100
Toni
- DB8060
- D28164
- C88169
- BE816C
- B48270
- AA8274
- A08177
- 95817A
- 8B817D
Armonie di colore
Complementare +180°
- E57F5B
Tangerine Flake
- 00B0D5
≈ Battery Charged Blue
Analogo -30° +30°
- E57F5B
Tangerine Flake
- E5788C
≈ Zany Pink
- D48E2D
≈ Fuel Yellow
Triadico +120° +240°
- E57F5B
Tangerine Flake
- 3EB881
≈ Ming Green
- 8F94F1
≈ Periwinkle Blue
Complementare divisa +150° +210°
- E57F5B
Tangerine Flake
- 00B6B0
≈ Swagger
- 56A4F0
≈ Feather Star
Tetradico +90° +180° +270°
- E57F5B
Tangerine Flake
- 83AF4F
≈ Parrot Green
- 00B0D5
≈ Battery Charged Blue
- B986DE
≈ Lavender Blossom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.51:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--tangerine-flake: #e57f5b;
--tangerine-flake-rgb: 229 127 91;
--tangerine-flake-oklch: oklch(0.702 0.136 40);
}
.element {
color: var(--tangerine-flake);
background-color: hsl(16 73% 63%);
border-color: oklch(0.702 0.136 40);
}Tailwind CSS v4
@theme {
--color-tangerine-flake: #e57f5b;
--color-tangerine-flake-50: #ffe9d7;
--color-tangerine-flake-100: #ffdac5;
--color-tangerine-flake-200: #ffc2a7;
--color-tangerine-flake-300: #f3a080;
--color-tangerine-flake-400: #e1815e;
--color-tangerine-flake-500: #cf6139;
--color-tangerine-flake-600: #af5332;
--color-tangerine-flake-700: #8c4227;
--color-tangerine-flake-800: #692f1d;
--color-tangerine-flake-900: #4a2013;
--color-tangerine-flake-950: #300f05;
}SCSS
$tangerine-flake: #e57f5b;
$tangerine-flake-rgb: 229, 127, 91;
$tangerine-flake-light: mix(#fff, $tangerine-flake, 20%);
$tangerine-flake-dark: mix(#000, $tangerine-flake, 20%);
.element {
color: $tangerine-flake;
box-shadow: 0 0 0 2px rgba($tangerine-flake, 0.35);
}