Màu có tên · #C95B83
Lipstick
Lipstick là #C95B83: rgb(201 91 131), hsl(338 50% 57%), oklch(0.618 0.146 359.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Lipstick color name →
#C95B83
oklch(0.618 0.146 359.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D06C8F
- D77D9B
- DD8DA7
- E39DB3
- E9AEBF
- EEBECC
- F3CED8
- F7DEE5
- FBEFF2
Sắc đậm
- AE4E71
- 954160
- 7C354F
- 64293F
- 4C1E2F
- 361320
- 220912
- 0F0306
- 020001
Sắc xám
- C36083
- BC6582
- B56982
- AF6D82
- A77182
- A07481
- 997781
- 917A81
- 897D80
Hòa sắc
Bổ túc +180°
- C95B83
Lipstick
- 009B87
≈ Flamboyant Teal
Tương đồng -30° +30°
- C95B83
Lipstick
- B562B0
≈ Mazzy Star
- CF5E50
≈ Firebug
Bộ ba +120° +240°
- C95B83
Lipstick
- 7C9101
≈ Foggy Bog
- 008FD0
≈ Rich Electric Blue
Bổ túc chia +150° +210°
- C95B83
Lipstick
- 359D53
≈ Chateau Green
- 0097A8
≈ Aquarium Diver
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.95:1 · APCA Lc 66
Ag
AATrên nền đen
WCAG 5.30:1 · APCA Lc 35
Màu chữ tốt nhất: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Đoạn mã
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);
}