이름 색상 · #FFBBDD
Pink Satin
Pink Satin은(는) #FFBBDD: rgb(255 187 221), hsl(330 100% 87%), oklch(0.864 0.089 347.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Pink Satin color name →
#FFBBDD
oklch(0.864 0.089 347.7)
색상 변환
- HEX
- #ffbbdd
- RGB
- rgb(255 187 221)
- HSL
- hsl(330 100% 87%)
- HWB
- hwb(330 73% 0%)
- OKLCH
- oklch(0.864 0.089 347.7)
- OKLab
- oklab(0.864 0.087 -0.019)
- CIE Lab
- lab(83.05 28.95 -6.9)
- LCH
- lch(83.05 29.76 346.6)
- CMYK
- cmyk(0% 27% 13% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC2E0
- FFC9E4
- FFD0E7
- FFD6EB
- FFDDEE
- FFE4F1
- FFEBF5
- FFF1F8
- FFF8FC
셰이드
- DEA2C0
- BE8AA4
- 9E7388
- 805C6E
- 634655
- 48323D
- 2E1F26
- 160D11
- 030202
톤
- F2B5D3
- E5AFCA
- D8A9C0
- CBA3B7
- BF9DAD
- B298A4
- A5929B
- 998C92
- 8C8689
색 조화
보색 +180°
- FFBBDD
Pink Satin
- 97E6C7
≈ Green Gum
유사색 -30° +30°
- FFBBDD
Pink Satin
- EBC0F9
≈ Light Lavender
- FFC0C1
≈ Delhi Dance Pink
삼각 배색 +120° +240°
- FFBBDD
Pink Satin
- D8D792
≈ Mellow Green
- 94DEFF
≈ Gas Giant
분열 보색 +150° +210°
- FFBBDD
Pink Satin
- B6E1A8
≈ Madang
- 88E5E7
≈ Aqua Fiesta
사각 배색 +90° +180° +270°
- FFBBDD
Pink Satin
- F3CC8F
≈ Sweet!
- 97E6C7
≈ Green Gum
- B7D4FF
≈ Ice Cold Stare
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.40:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.40:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--pink-satin: #ffbbdd;
--pink-satin-rgb: 255 187 221;
--pink-satin-oklch: oklch(0.864 0.089 347.7);
}
.element {
color: var(--pink-satin);
background-color: hsl(330 100% 87%);
border-color: oklch(0.864 0.089 347.7);
}Tailwind CSS v4
@theme {
--color-pink-satin: #ffbbdd;
--color-pink-satin-50: #ffebf9;
--color-pink-satin-100: #ffdcec;
--color-pink-satin-200: #f3c5da;
--color-pink-satin-300: #dba5be;
--color-pink-satin-400: #c689a8;
--color-pink-satin-500: #b16d91;
--color-pink-satin-600: #965d7b;
--color-pink-satin-700: #784a62;
--color-pink-satin-800: #593549;
--color-pink-satin-900: #3e2433;
--color-pink-satin-950: #27131e;
}SCSS
$pink-satin: #ffbbdd;
$pink-satin-rgb: 255, 187, 221;
$pink-satin-light: mix(#fff, $pink-satin, 20%);
$pink-satin-dark: mix(#000, $pink-satin, 20%);
.element {
color: $pink-satin;
box-shadow: 0 0 0 2px rgba($pink-satin, 0.35);
}