이름 색상 · #D16A68
Lippie
Lippie은(는) #D16A68: rgb(209 106 104), hsl(1 53% 61%), oklch(0.644 0.131 22.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Lippie color name →
#D16A68
oklch(0.644 0.131 22.5)
색상 변환
- HEX
- #d16a68
- RGB
- rgb(209 106 104)
- HSL
- hsl(1 53% 61%)
- HWB
- hwb(1 41% 18%)
- OKLCH
- oklch(0.644 0.131 22.5)
- OKLab
- oklab(0.644 0.121 0.05)
- CIE Lab
- lab(57.42 41.32 20.91)
- LCH
- lch(57.42 46.31 26.8)
- CMYK
- cmyk(0% 49% 50% 18%)
틴트 · 셰이드 · 톤
틴트
- D77976
- DD8885
- E39794
- E8A6A2
- ECB5B1
- F1C4C1
- F5D2D0
- F9E1DF
- FCF0EF
셰이드
- B55B59
- 9B4D4B
- 813F3E
- 683130
- 502424
- 391818
- 230D0C
- 100404
- 020000
톤
- CA6D6B
- C2706D
- BB7370
- B37572
- AB7775
- A37977
- 9B7B79
- 927D7C
- 897F7E
색 조화
보색 +180°
- D16A68
Lippie
- 00A1AA
≈ Ducati
유사색 -30° +30°
- D16A68
Lippie
- C96995
≈ Nocturnal Rose
- CA7439
≈ Mann Orange
삼각 배색 +120° +240°
- D16A68
Lippie
- 5AA155
≈ Muted Green
- 628CDD
≈ United Nations Blue
분열 보색 +150° +210°
- D16A68
Lippie
- 00A585
≈ Congo Green
- 0A9ACF
≈ Structural Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.51:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.97:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.97:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--lippie: #d16a68;
--lippie-rgb: 209 106 104;
--lippie-oklch: oklch(0.644 0.131 22.5);
}
.element {
color: var(--lippie);
background-color: hsl(1 53% 61%);
border-color: oklch(0.644 0.131 22.5);
}Tailwind CSS v4
@theme {
--color-lippie: #d16a68;
--color-lippie-50: #ffe7e3;
--color-lippie-100: #ffd8d2;
--color-lippie-200: #ffbfb9;
--color-lippie-300: #f39d96;
--color-lippie-400: #e17d7a;
--color-lippie-500: #ce5e5d;
--color-lippie-600: #ae504f;
--color-lippie-700: #8c403f;
--color-lippie-800: #682d2f;
--color-lippie-900: #491f20;
--color-lippie-950: #300e0f;
}SCSS
$lippie: #d16a68;
$lippie-rgb: 209, 106, 104;
$lippie-light: mix(#fff, $lippie, 20%);
$lippie-dark: mix(#000, $lippie, 20%);
.element {
color: $lippie;
box-shadow: 0 0 0 2px rgba($lippie, 0.35);
}