Cor nomeada · #C31E4E
Jazzy
Jazzy é #C31E4E: rgb(195 30 78), hsl(343 73% 44%), oklch(0.533 0.197 11.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Jazzy color name →
#C31E4E
oklch(0.533 0.197 11.8)
Conversões de cor
- HEX
- #c31e4e
- RGB
- rgb(195 30 78)
- HSL
- hsl(343 73% 44%)
- HWB
- hwb(343 12% 24%)
- OKLCH
- oklch(0.533 0.197 11.8)
- OKLab
- oklab(0.533 0.193 0.04)
- CIE Lab
- lab(43.56 63.74 17.72)
- LCH
- lch(43.56 66.16 15.5)
- CMYK
- cmyk(0% 85% 60% 24%)
Tons claros · Sombras · Tons
Tons claros
- CC3F5E
- D5586F
- DD6F80
- E48491
- EA99A3
- F0ADB5
- F5C2C7
- F9D6D9
- FCEBEC
Sombras
- A91943
- 901338
- 780E2D
- 600923
- 4A0519
- 34030F
- 200107
- 0E0002
- 020000
Tons
- BE3153
- B93F58
- B44A5D
- AE5462
- A85D67
- A1656C
- 9A6C71
- 927376
- 897A7B
Harmonias de cor
Complementar +180°
- C31E4E
Jazzy
- 007D7A
≈ Parasailing
Análoga -30° +30°
- C31E4E
Jazzy
- B22A8C
≈ Fandango
- B54200
≈ Martian Ironcrust
Tríade +120° +240°
- C31E4E
Jazzy
- 4B7D00
≈ Green People
- 006DC4
≈ Indigo Carmine
Complementar dividida +150° +210°
- C31E4E
Jazzy
- 008157
≈ Irish Beauty
- 007995
≈ Celestial
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.80:1 · APCA Lc 77
Ag
FailSobre preto
WCAG 3.61:1 · APCA Lc 25
Melhor cor de texto: #FFFFFF
WCAG 5.80:1 (AA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--jazzy: #c31e4e;
--jazzy-rgb: 195 30 78;
--jazzy-oklch: oklch(0.533 0.197 11.8);
}
.element {
color: var(--jazzy);
background-color: hsl(343 73% 44%);
border-color: oklch(0.533 0.197 11.8);
}Tailwind CSS v4
@theme {
--color-jazzy: #c31e4e;
--color-jazzy-50: #ffdfe4;
--color-jazzy-100: #ffcdd4;
--color-jazzy-200: #ffb0bb;
--color-jazzy-300: #ff8999;
--color-jazzy-400: #fb6380;
--color-jazzy-500: #ea3363;
--color-jazzy-600: #c52e54;
--color-jazzy-700: #9f2543;
--color-jazzy-800: #761933;
--color-jazzy-900: #541023;
--color-jazzy-950: #380212;
}SCSS
$jazzy: #c31e4e;
$jazzy-rgb: 195, 30, 78;
$jazzy-light: mix(#fff, $jazzy, 20%);
$jazzy-dark: mix(#000, $jazzy, 20%);
.element {
color: $jazzy;
box-shadow: 0 0 0 2px rgba($jazzy, 0.35);
}