Cor nomeada · #EF8B38
Peril’s Flames
Peril’s Flames é #EF8B38: rgb(239 139 56), hsl(27 85% 58%), oklch(0.73 0.153 56.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Peril’s Flames color name →
#EF8B38
oklch(0.73 0.153 56.2)
Conversões de cor
- HEX
- #ef8b38
- RGB
- rgb(239 139 56)
- HSL
- hsl(27 85% 58%)
- HWB
- hwb(27 22% 6%)
- OKLCH
- oklch(0.73 0.153 56.2)
- OKLab
- oklab(0.73 0.085 0.127)
- CIE Lab
- lab(67.99 34.66 58.93)
- LCH
- lch(67.99 68.36 59.5)
- CMYK
- cmyk(0% 42% 77% 6%)
Tons claros · Sombras · Tons
Tons claros
- F29752
- F4A368
- F7AF7C
- F9BB8F
- FBC6A2
- FCD2B5
- FDDDC7
- FEE9DA
- FFF4EC
Sombras
- D0782F
- B16627
- 94541F
- 784317
- 5C320F
- 422308
- 2A1404
- 140701
- 030100
Tons
- E48B44
- D98A4E
- CE8A57
- C3895F
- B88865
- AD876B
- A28571
- 978476
- 8C827B
Harmonias de cor
Complementar +180°
- EF8B38
Peril’s Flames
- 18B5FB
≈ Blue Bolt
Análoga -30° +30°
- EF8B38
Peril’s Flames
- F97D73
≈ Smoked Salmon
- D1A000
≈ Lepton Gold
Tríade +120° +240°
- EF8B38
Peril’s Flames
- 00C3A5
≈ Turquoise
- B191FC
≈ Lilac Geode
Complementar dividida +150° +210°
- EF8B38
Peril’s Flames
- 00BDCE
≈ Holiday Blue
- 7FA4FF
≈ Fennel Flower
Tétrade +90° +180° +270°
- EF8B38
Peril’s Flames
- 5FC16B
≈ Verdant Oasis
- 18B5FB
≈ Blue Bolt
- D983DB
≈ Blush Essence
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.42:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--peril-s-flames: #ef8b38;
--peril-s-flames-rgb: 239 139 56;
--peril-s-flames-oklch: oklch(0.73 0.153 56.2);
}
.element {
color: var(--peril-s-flames);
background-color: hsl(27 85% 58%);
border-color: oklch(0.73 0.153 56.2);
}Tailwind CSS v4
@theme {
--color-peril-s-flames: #ef8b38;
--color-peril-s-flames-50: #ffebca;
--color-peril-s-flames-100: #ffdcb6;
--color-peril-s-flames-200: #ffc492;
--color-peril-s-flames-300: #f2a364;
--color-peril-s-flames-400: #e18336;
--color-peril-s-flames-500: #cf6400;
--color-peril-s-flames-600: #af5500;
--color-peril-s-flames-700: #8d4400;
--color-peril-s-flames-800: #693000;
--color-peril-s-flames-900: #4a2100;
--color-peril-s-flames-950: #300f00;
}SCSS
$peril-s-flames: #ef8b38;
$peril-s-flames-rgb: 239, 139, 56;
$peril-s-flames-light: mix(#fff, $peril-s-flames, 20%);
$peril-s-flames-dark: mix(#000, $peril-s-flames, 20%);
.element {
color: $peril-s-flames;
box-shadow: 0 0 0 2px rgba($peril-s-flames, 0.35);
}