Cor nomeada · #F5160B
Sweet Chilli
Sweet Chilli é #F5160B: rgb(245 22 11), hsl(3 92% 50%), oklch(0.614 0.245 29.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sweet Chilli color name →
#F5160B
oklch(0.614 0.245 29.5)
Conversões de cor
- HEX
- #f5160b
- RGB
- rgb(245 22 11)
- HSL
- hsl(3 92% 50%)
- HWB
- hwb(3 4% 4%)
- OKLCH
- oklch(0.614 0.245 29.5)
- OKLab
- oklab(0.614 0.213 0.12)
- CIE Lab
- lab(52.85 76.66 65.11)
- LCH
- lch(52.85 100.58 40.3)
- CMYK
- cmyk(0% 91% 96% 4%)
Tons claros · Sombras · Tons
Tons claros
- FA4434
- FE604E
- FF7765
- FF8D7B
- FFA191
- FFB4A7
- FFC7BD
- FFDAD3
- FFEDE9
Sombras
- D51208
- B60D06
- 980904
- 7B0602
- 5F0301
- 440201
- 2B0100
- 150000
- 030000
Tons
- EB3325
- E14435
- D65141
- CC5B4C
- C16356
- B56A5F
- A97168
- 9C7670
- 8F7B78
Harmonias de cor
Complementar +180°
- F5160B
Sweet Chilli
- 0095A7
≈ Brilliant
Análoga -30° +30°
- F5160B
Sweet Chilli
- EC0E80
≈ Fabulous Fuchsia
- C26B00
≈ Thai Curry
Tríade +120° +240°
- F5160B
Sweet Chilli
- 009F46
≈ Link Green
- 5575FF
≈ Lightish Blue
Complementar dividida +150° +210°
- F5160B
Sweet Chilli
- 009A86
≈ Flamboyant Teal
- 008ECF
≈ Zürich Blue
Tétrade +90° +180° +270°
- F5160B
Sweet Chilli
- 7B9000
≈ Canopy
- 0095A7
≈ Brilliant
- 9E50FE
≈ Irrigo Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.19:1 · APCA Lc 66
Ag
AASobre preto
WCAG 5.00:1 · APCA Lc 35
Melhor cor de texto: #000000
WCAG 5.00:1 (AA) · APCA Lc 35
Contrast pairs
Trechos de código
CSS
:root {
--sweet-chilli: #f5160b;
--sweet-chilli-rgb: 245 22 11;
--sweet-chilli-oklch: oklch(0.614 0.245 29.5);
}
.element {
color: var(--sweet-chilli);
background-color: hsl(3 92% 50%);
border-color: oklch(0.614 0.245 29.5);
}Tailwind CSS v4
@theme {
--color-sweet-chilli: #f5160b;
--color-sweet-chilli-50: #ffdcca;
--color-sweet-chilli-100: #ffc9b5;
--color-sweet-chilli-200: #ffaa92;
--color-sweet-chilli-300: #ff7e64;
--color-sweet-chilli-400: #ff4e3c;
--color-sweet-chilli-500: #ff0000;
--color-sweet-chilli-600: #d80000;
--color-sweet-chilli-700: #ae0000;
--color-sweet-chilli-800: #830004;
--color-sweet-chilli-900: #5d0004;
--color-sweet-chilli-950: #3e0000;
}SCSS
$sweet-chilli: #f5160b;
$sweet-chilli-rgb: 245, 22, 11;
$sweet-chilli-light: mix(#fff, $sweet-chilli, 20%);
$sweet-chilli-dark: mix(#000, $sweet-chilli, 20%);
.element {
color: $sweet-chilli;
box-shadow: 0 0 0 2px rgba($sweet-chilli, 0.35);
}