Colore con nome · #C95B83
Lipstick
Lipstick è #C95B83: rgb(201 91 131), hsl(338 50% 57%), oklch(0.618 0.146 359.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lipstick color name →
#C95B83
oklch(0.618 0.146 359.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D06C8F
- D77D9B
- DD8DA7
- E39DB3
- E9AEBF
- EEBECC
- F3CED8
- F7DEE5
- FBEFF2
Ombre
- AE4E71
- 954160
- 7C354F
- 64293F
- 4C1E2F
- 361320
- 220912
- 0F0306
- 020001
Toni
- C36083
- BC6582
- B56982
- AF6D82
- A77182
- A07481
- 997781
- 917A81
- 897D80
Armonie di colore
Complementare +180°
- C95B83
Lipstick
- 009B87
≈ Flamboyant Teal
Analogo -30° +30°
- C95B83
Lipstick
- B562B0
≈ Mazzy Star
- CF5E50
≈ Firebug
Triadico +120° +240°
- C95B83
Lipstick
- 7C9101
≈ Foggy Bog
- 008FD0
≈ Rich Electric Blue
Complementare divisa +150° +210°
- C95B83
Lipstick
- 359D53
≈ Chateau Green
- 0097A8
≈ Aquarium Diver
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.95:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.30:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
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);
}