Cor nomeada · #E3256B
Razzmatazz Lips
Razzmatazz Lips é #E3256B: rgb(227 37 107), hsl(338 77% 52%), oklch(0.601 0.222 6.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Razzmatazz Lips color name →
#E3256B
oklch(0.601 0.222 6.4)
Conversões de cor
- HEX
- #e3256b
- RGB
- rgb(227 37 107)
- HSL
- hsl(338 77% 52%)
- HWB
- hwb(338 15% 11%)
- OKLCH
- oklch(0.601 0.222 6.4)
- OKLab
- oklab(0.601 0.221 0.025)
- CIE Lab
- lab(51.05 72.07 11.16)
- LCH
- lch(51.05 72.93 8.8)
- CMYK
- cmyk(0% 84% 53% 11%)
Tons claros · Sombras · Tons
Tons claros
- E94779
- EF6087
- F47795
- F88BA4
- FB9FB2
- FEB3C1
- FFC6D0
- FFD9E0
- FFECEF
Sombras
- C51F5C
- A8194E
- 8C133F
- 710D32
- 570825
- 3F0418
- 27020D
- 120004
- 030000
Tons
- DB386D
- D2466F
- CA5171
- C15A73
- B76276
- AE6978
- A3707A
- 98767C
- 8D7B7E
Harmonias de cor
Complementar +180°
- E3256B
Razzmatazz Lips
- 00948A
≈ Torrid Turquoise
Análoga -30° +30°
- E3256B
Razzmatazz Lips
- CC37B1
≈ Purple Pink
- DF4000
≈ Macharius Solar Orange
Tríade +120° +240°
- E3256B
Razzmatazz Lips
- 699000
≈ Canopy
- 0086D7
≈ Blue Cola
Complementar dividida +150° +210°
- E3256B
Razzmatazz Lips
- 00995B
≈ Militant Vegan
- 0090A9
≈ Zeftron
Tétrade +90° +180° +270°
- E3256B
Razzmatazz Lips
- 967F00
≈ Moscow Papyrus
- 00948A
≈ Torrid Turquoise
- 6468FF
≈ Blue Genie
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.42:1 · APCA Lc 69
Ag
AASobre preto
WCAG 4.74:1 · APCA Lc 33
Melhor cor de texto: #000000
WCAG 4.74:1 (AA) · APCA Lc 33
Contrast pairs
Trechos de código
CSS
:root {
--razzmatazz-lips: #e3256b;
--razzmatazz-lips-rgb: 227 37 107;
--razzmatazz-lips-oklch: oklch(0.601 0.222 6.4);
}
.element {
color: var(--razzmatazz-lips);
background-color: hsl(338 77% 52%);
border-color: oklch(0.601 0.222 6.4);
}Tailwind CSS v4
@theme {
--color-razzmatazz-lips: #e3256b;
--color-razzmatazz-lips-50: #ffdbe8;
--color-razzmatazz-lips-100: #ffc9d9;
--color-razzmatazz-lips-200: #ffaac1;
--color-razzmatazz-lips-300: #ff80a1;
--color-razzmatazz-lips-400: #ff5589;
--color-razzmatazz-lips-500: #f20e6e;
--color-razzmatazz-lips-600: #cc165e;
--color-razzmatazz-lips-700: #a5134b;
--color-razzmatazz-lips-800: #7b0b39;
--color-razzmatazz-lips-900: #570827;
--color-razzmatazz-lips-950: #3a0015;
}SCSS
$razzmatazz-lips: #e3256b;
$razzmatazz-lips-rgb: 227, 37, 107;
$razzmatazz-lips-light: mix(#fff, $razzmatazz-lips, 20%);
$razzmatazz-lips-dark: mix(#000, $razzmatazz-lips, 20%);
.element {
color: $razzmatazz-lips;
box-shadow: 0 0 0 2px rgba($razzmatazz-lips, 0.35);
}