이름 색상 · #FCDBD2
Pippin
Pippin은(는) #FCDBD2: rgb(252 219 210), hsl(13 88% 91%), oklch(0.916 0.039 35.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Pippin color name →
#FCDBD2
oklch(0.916 0.039 35.7)
색상 변환
- HEX
- #fcdbd2
- RGB
- rgb(252 219 210)
- HSL
- hsl(13 88% 91%)
- HWB
- hwb(13 82% 1%)
- OKLCH
- oklch(0.916 0.039 35.7)
- OKLab
- oklab(0.916 0.032 0.023)
- CIE Lab
- lab(90.02 10.77 8.88)
- LCH
- lch(90.02 13.96 39.5)
- CMYK
- cmyk(0% 13% 17% 1%)
틴트 · 셰이드 · 톤
틴트
- FCDFD6
- FDE2DB
- FDE6DF
- FEE9E4
- FEEDE8
- FEF1ED
- FEF4F1
- FFF8F6
- FFFBFA
셰이드
- DBBEB6
- BBA29B
- 9C8781
- 7E6D68
- 625450
- 473C39
- 2D2624
- 161110
- 030202
톤
- EFD2CA
- E2C8C1
- D5BFB9
- C9B6B0
- BCACA8
- B0A3A0
- A49A98
- 989290
- 8C8988
색 조화
보색 +180°
- FCDBD2
Pippin
- C7EBF4
≈ Frosty Day
유사색 -30° +30°
- FCDBD2
Pippin
- FCD9DF
≈ Wishful Thinking
- F6DFC9
≈ Almeja
삼각 배색 +120° +240°
- FCDBD2
Pippin
- D0ECD9
≈ Venetian Pearl
- DCE2FE
≈ Stoic White
분열 보색 +150° +210°
- FCDBD2
Pippin
- C8ECE7
≈ Spearmint Leaf
- CFE7FC
≈ Veiling Waterfalls
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.20:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--pippin: #fcdbd2;
--pippin-rgb: 252 219 210;
--pippin-oklch: oklch(0.916 0.039 35.7);
}
.element {
color: var(--pippin);
background-color: hsl(13 88% 91%);
border-color: oklch(0.916 0.039 35.7);
}Tailwind CSS v4
@theme {
--color-pippin: #fcdbd2;
--color-pippin-50: #fff2ed;
--color-pippin-100: #f4e4df;
--color-pippin-200: #e4cfc9;
--color-pippin-300: #cab1a9;
--color-pippin-400: #b4978f;
--color-pippin-500: #9e7e75;
--color-pippin-600: #866a63;
--color-pippin-700: #6b554f;
--color-pippin-800: #4f3e3a;
--color-pippin-900: #372a27;
--color-pippin-950: #221816;
}SCSS
$pippin: #fcdbd2;
$pippin-rgb: 252, 219, 210;
$pippin-light: mix(#fff, $pippin, 20%);
$pippin-dark: mix(#000, $pippin, 20%);
.element {
color: $pippin;
box-shadow: 0 0 0 2px rgba($pippin, 0.35);
}