Warna bernama · #C95B83
Lipstick
Lipstick adalah #C95B83: rgb(201 91 131), hsl(338 50% 57%), oklch(0.618 0.146 359.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Lipstick color name →
#C95B83
oklch(0.618 0.146 359.4)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- D06C8F
- D77D9B
- DD8DA7
- E39DB3
- E9AEBF
- EEBECC
- F3CED8
- F7DEE5
- FBEFF2
Shade
- AE4E71
- 954160
- 7C354F
- 64293F
- 4C1E2F
- 361320
- 220912
- 0F0306
- 020001
Tone
- C36083
- BC6582
- B56982
- AF6D82
- A77182
- A07481
- 997781
- 917A81
- 897D80
Harmoni warna
Komplementer +180°
- C95B83
Lipstick
- 009B87
≈ Flamboyant Teal
Analog -30° +30°
- C95B83
Lipstick
- B562B0
≈ Mazzy Star
- CF5E50
≈ Firebug
Triadik +120° +240°
- C95B83
Lipstick
- 7C9101
≈ Foggy Bog
- 008FD0
≈ Rich Electric Blue
Split-komplementer +150° +210°
- C95B83
Lipstick
- 359D53
≈ Chateau Green
- 0097A8
≈ Aquarium Diver
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.95:1 · APCA Lc 66
Ag
AADi atas hitam
WCAG 5.30:1 · APCA Lc 35
Warna teks terbaik: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Cuplikan kode
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);
}