Cor nomeada mais próxima · #E13200
#E13200
Cor nomeada mais próxima: Flame of Prometheus
#E13200 (rgb(225 50 0), hsl(13 100% 44%), oklch(0.592 0.215 33.6)) é mais próxima da cor nomeada Flame of Prometheus. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E13200
oklch(0.592 0.215 33.6)
Conversões de cor
- HEX
- #e13200
- RGB
- rgb(225 50 0)
- HSL
- hsl(13 100% 44%)
- HWB
- hwb(13 0% 12%)
- OKLCH
- oklch(0.592 0.215 33.6)
- OKLab
- oklab(0.592 0.179 0.119)
- CIE Lab
- lab(50.73 65.8 64.18)
- LCH
- lch(50.73 91.92 44.3)
- CMYK
- cmyk(0% 78% 100% 12%)
Tons claros · Sombras · Tons
Tons claros
- E74F2F
- ED674A
- F27C62
- F69079
- FAA38F
- FCB6A5
- FEC8BB
- FFDBD2
- FFEDE8
Sombras
- C42A00
- A72200
- 8B1B00
- 701400
- 560D00
- 3E0700
- 270300
- 120100
- 020000
Tons
- D94120
- D14D31
- C8563E
- BF5E49
- B66654
- AC6C5D
- A27266
- 98776F
- 8C7C78
Harmonias de cor
Complementar +180°
- E13200
Flame of Prometheus
- 008DA3
≈ Parrot Flight
Análoga -30° +30°
- E13200
Flame of Prometheus
- DC2970
≈ Qing Dynasty Fire
- B46900
≈ Pumpkin Spice
Tríade +120° +240°
- E13200
Flame of Prometheus
- 009751
≈ Garnish
- 5A69FB
≈ Blue Heath Butterfly
Complementar dividida +150° +210°
- E13200
Flame of Prometheus
- 009284
≈ Silk Sari
- 0085CD
≈ Calgar Blue
Tétrade +90° +180° +270°
- E13200
Flame of Prometheus
- 6D8B00
≈ Italian Buckthorn
- 008DA3
≈ Parrot Flight
- 9A50E4
≈ Navy Genesis Evangelion
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.50:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.65:1 · APCA Lc 32
Melhor cor de texto: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Trechos de código
CSS
:root {
--flame-of-prometheus: #e13200;
--flame-of-prometheus-rgb: 225 50 0;
--flame-of-prometheus-oklch: oklch(0.592 0.215 33.6);
}
.element {
color: var(--flame-of-prometheus);
background-color: hsl(13 100% 44%);
border-color: oklch(0.592 0.215 33.6);
}Tailwind CSS v4
@theme {
--color-flame-of-prometheus: #e13200;
--color-flame-of-prometheus-50: #ffe0cb;
--color-flame-of-prometheus-100: #ffceb7;
--color-flame-of-prometheus-200: #ffb294;
--color-flame-of-prometheus-300: #ff8a66;
--color-flame-of-prometheus-400: #ff613e;
--color-flame-of-prometheus-500: #f32b00;
--color-flame-of-prometheus-600: #ce2800;
--color-flame-of-prometheus-700: #a52100;
--color-flame-of-prometheus-800: #7c1405;
--color-flame-of-prometheus-900: #580e04;
--color-flame-of-prometheus-950: #3b0000;
}SCSS
$flame-of-prometheus: #e13200;
$flame-of-prometheus-rgb: 225, 50, 0;
$flame-of-prometheus-light: mix(#fff, $flame-of-prometheus, 20%);
$flame-of-prometheus-dark: mix(#000, $flame-of-prometheus, 20%);
.element {
color: $flame-of-prometheus;
box-shadow: 0 0 0 2px rgba($flame-of-prometheus, 0.35);
}