Cor nomeada · #EF9548
Physalis
Physalis é #EF9548: rgb(239 149 72), hsl(28 84% 61%), oklch(0.749 0.142 58.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Physalis color name →
#EF9548
oklch(0.749 0.142 58.4)
Conversões de cor
- HEX
- #ef9548
- RGB
- rgb(239 149 72)
- HSL
- hsl(28 84% 61%)
- HWB
- hwb(28 28% 6%)
- OKLCH
- oklch(0.749 0.142 58.4)
- OKLab
- oklab(0.749 0.074 0.121)
- CIE Lab
- lab(70.28 30.19 54.1)
- LCH
- lch(70.28 61.95 60.8)
- CMYK
- cmyk(0% 38% 70% 6%)
Tons claros · Sombras · Tons
Tons claros
- F2A05E
- F4AB71
- F6B684
- F8C096
- FACBA8
- FBD6B9
- FDE0CB
- FEEADC
- FEF5EE
Sombras
- D0813D
- B16D33
- 945A29
- 78481F
- 5C3716
- 42260D
- 2A1606
- 140802
- 030100
Tons
- E49351
- D99259
- CE905F
- C38E65
- B88C6B
- AD8A70
- A28874
- 978579
- 8B837C
Harmonias de cor
Complementar +180°
- EF9548
Physalis
- 43B9FC
≈ Glitter Lake
Análoga -30° +30°
- EF9548
Physalis
- FA887A
≈ Play ’til Dawn
- D2A82A
≈ Brassy
Tríade +120° +240°
- EF9548
Physalis
- 00C9AE
≈ Amazonite
- B998FB
≈ Liliac
Complementar dividida +150° +210°
- EF9548
Physalis
- 00C3D8
≈ The Crowd Roars!
- 8BAAFF
≈ Kitten’s Eye
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.31:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.06:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.06:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
CSS
:root {
--physalis: #ef9548;
--physalis-rgb: 239 149 72;
--physalis-oklch: oklch(0.749 0.142 58.4);
}
.element {
color: var(--physalis);
background-color: hsl(28 84% 61%);
border-color: oklch(0.749 0.142 58.4);
}Tailwind CSS v4
@theme {
--color-physalis: #ef9548;
--color-physalis-50: #ffedcd;
--color-physalis-100: #ffdeb9;
--color-physalis-200: #ffc796;
--color-physalis-300: #eca66a;
--color-physalis-400: #db873f;
--color-physalis-500: #c96900;
--color-physalis-600: #a95a00;
--color-physalis-700: #884800;
--color-physalis-800: #663301;
--color-physalis-900: #482302;
--color-physalis-950: #2f1100;
}SCSS
$physalis: #ef9548;
$physalis-rgb: 239, 149, 72;
$physalis-light: mix(#fff, $physalis, 20%);
$physalis-dark: mix(#000, $physalis, 20%);
.element {
color: $physalis;
box-shadow: 0 0 0 2px rgba($physalis, 0.35);
}