이름 색상 · #C95B83
Lipstick
Lipstick은(는) #C95B83: rgb(201 91 131), hsl(338 50% 57%), oklch(0.618 0.146 359.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Lipstick color name →
#C95B83
oklch(0.618 0.146 359.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D06C8F
- D77D9B
- DD8DA7
- E39DB3
- E9AEBF
- EEBECC
- F3CED8
- F7DEE5
- FBEFF2
셰이드
- AE4E71
- 954160
- 7C354F
- 64293F
- 4C1E2F
- 361320
- 220912
- 0F0306
- 020001
톤
- C36083
- BC6582
- B56982
- AF6D82
- A77182
- A07481
- 997781
- 917A81
- 897D80
색 조화
보색 +180°
- C95B83
Lipstick
- 009B87
≈ Flamboyant Teal
유사색 -30° +30°
- C95B83
Lipstick
- B562B0
≈ Mazzy Star
- CF5E50
≈ Firebug
삼각 배색 +120° +240°
- C95B83
Lipstick
- 7C9101
≈ Foggy Bog
- 008FD0
≈ Rich Electric Blue
분열 보색 +150° +210°
- C95B83
Lipstick
- 359D53
≈ Chateau Green
- 0097A8
≈ Aquarium Diver
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.95:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.30:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
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);
}