이름 색상 · #F0CFE1
Lacquer Mauve
Lacquer Mauve은(는) #F0CFE1: rgb(240 207 225), hsl(327 52% 88%), oklch(0.887 0.044 344). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Lacquer Mauve color name →
#F0CFE1
oklch(0.887 0.044 344)
색상 변환
- HEX
- #f0cfe1
- RGB
- rgb(240 207 225)
- HSL
- hsl(327 52% 88%)
- HWB
- hwb(327 81% 6%)
- OKLCH
- oklch(0.887 0.044 344)
- OKLab
- oklab(0.887 0.042 -0.012)
- CIE Lab
- lab(86.35 14.13 -4.42)
- LCH
- lch(86.35 14.81 342.6)
- CMYK
- cmyk(0% 14% 6% 6%)
틴트 · 셰이드 · 톤
틴트
- F2D4E4
- F3D9E7
- F5DDEA
- F6E2ED
- F8E7F0
- F9ECF3
- FBF1F6
- FCF5F9
- FEFAFC
셰이드
- D1B4C4
- B299A7
- 957F8B
- 786770
- 5D4F56
- 43383E
- 2A2327
- 141012
- 030202
톤
- E4C7D7
- D9BFCD
- CDB7C3
- C2AFB9
- B7A7AF
- AB9FA6
- A0979C
- 968F93
- 8B8889
색 조화
보색 +180°
- F0CFE1
Lacquer Mauve
- C1E4D2
≈ Beru
유사색 -30° +30°
- F0CFE1
Lacquer Mauve
- E5D2EF
≈ Lavender Princess
- F5CFD1
≈ Strawberry Ripple
삼각 배색 +120° +240°
- F0CFE1
Lacquer Mauve
- DEDCBB
≈ Endless Silk
- BCE1F0
≈ Diminished Blue
분열 보색 +150° +210°
- F0CFE1
Lacquer Mauve
- CEE1C4
≈ Soft Moss
- BAE4E2
≈ Bleached Aqua
사각 배색 +90° +180° +270°
- F0CFE1
Lacquer Mauve
- ECD6BB
≈ Speckled Eggs
- C1E4D2
≈ Beru
- C7DCF7
≈ Fly a Kite
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.71:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--lacquer-mauve: #f0cfe1;
--lacquer-mauve-rgb: 240 207 225;
--lacquer-mauve-oklch: oklch(0.887 0.044 344);
}
.element {
color: var(--lacquer-mauve);
background-color: hsl(327 52% 88%);
border-color: oklch(0.887 0.044 344);
}Tailwind CSS v4
@theme {
--color-lacquer-mauve: #f0cfe1;
--color-lacquer-mauve-50: #fff0f8;
--color-lacquer-mauve-100: #f4e2eb;
--color-lacquer-mauve-200: #e3cdd8;
--color-lacquer-mauve-300: #c9afbc;
--color-lacquer-mauve-400: #b295a5;
--color-lacquer-mauve-500: #9c7b8d;
--color-lacquer-mauve-600: #846878;
--color-lacquer-mauve-700: #6a5360;
--color-lacquer-mauve-800: #4d3d47;
--color-lacquer-mauve-900: #362a31;
--color-lacquer-mauve-950: #21171d;
}SCSS
$lacquer-mauve: #f0cfe1;
$lacquer-mauve-rgb: 240, 207, 225;
$lacquer-mauve-light: mix(#fff, $lacquer-mauve, 20%);
$lacquer-mauve-dark: mix(#000, $lacquer-mauve, 20%);
.element {
color: $lacquer-mauve;
box-shadow: 0 0 0 2px rgba($lacquer-mauve, 0.35);
}