Cor nomeada · #C95B83
Lipstick
Lipstick é #C95B83: rgb(201 91 131), hsl(338 50% 57%), oklch(0.618 0.146 359.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lipstick color name →
#C95B83
oklch(0.618 0.146 359.4)
Conversões de cor
- HEX
- #c95b83
- RGB
- rgb(201 91 131)
- HSL
- hsl(338 50% 57%)
- HWB
- hwb(338 36% 21%)
- OKLCH
- oklch(0.618 0.146 359.4)
- OKLab
- oklab(0.618 0.146 -0.002)
- CIE Lab
- lab(53.89 47.59 0.02)
- LCH
- lch(53.89 47.59 0)
- CMYK
- cmyk(0% 55% 35% 21%)
Tons claros · Sombras · Tons
Tons claros
- D06C8F
- D77D9B
- DD8DA7
- E39DB3
- E9AEBF
- EEBECC
- F3CED8
- F7DEE5
- FBEFF2
Sombras
- AE4E71
- 954160
- 7C354F
- 64293F
- 4C1E2F
- 361320
- 220912
- 0F0306
- 020001
Tons
- C36083
- BC6582
- B56982
- AF6D82
- A77182
- A07481
- 997781
- 917A81
- 897D80
Harmonias de cor
Complementar +180°
- C95B83
Lipstick
- 009B87
≈ Flamboyant Teal
Análoga -30° +30°
- C95B83
Lipstick
- B562B0
≈ Mazzy Star
- CF5E50
≈ Firebug
Tríade +120° +240°
- C95B83
Lipstick
- 7C9101
≈ Foggy Bog
- 008FD0
≈ Rich Electric Blue
Complementar dividida +150° +210°
- C95B83
Lipstick
- 359D53
≈ Chateau Green
- 0097A8
≈ Aquarium Diver
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.95:1 · APCA Lc 66
Ag
AASobre preto
WCAG 5.30:1 · APCA Lc 35
Melhor cor de texto: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Trechos de código
CSS
:root {
--lipstick: #c95b83;
--lipstick-rgb: 201 91 131;
--lipstick-oklch: oklch(0.618 0.146 359.4);
}
.element {
color: var(--lipstick);
background-color: hsl(338 50% 57%);
border-color: oklch(0.618 0.146 359.4);
}Tailwind CSS v4
@theme {
--color-lipstick: #c95b83;
--color-lipstick-50: #ffe5f2;
--color-lipstick-100: #ffd4e4;
--color-lipstick-200: #ffbad0;
--color-lipstick-300: #f597b2;
--color-lipstick-400: #e2779c;
--color-lipstick-500: #cf5583;
--color-lipstick-600: #af496f;
--color-lipstick-700: #8d3a59;
--color-lipstick-800: #682943;
--color-lipstick-900: #491c2e;
--color-lipstick-950: #300b1b;
}SCSS
$lipstick: #c95b83;
$lipstick-rgb: 201, 91, 131;
$lipstick-light: mix(#fff, $lipstick, 20%);
$lipstick-dark: mix(#000, $lipstick, 20%);
.element {
color: $lipstick;
box-shadow: 0 0 0 2px rgba($lipstick, 0.35);
}