이름 색상 · #FBD8C9
Scallop Shell
Scallop Shell은(는) #FBD8C9: rgb(251 216 201), hsl(18 86% 89%), oklch(0.908 0.044 44.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Scallop Shell color name →
#FBD8C9
oklch(0.908 0.044 44.6)
색상 변환
- HEX
- #fbd8c9
- RGB
- rgb(251 216 201)
- HSL
- hsl(18 86% 89%)
- HWB
- hwb(18 79% 2%)
- OKLCH
- oklch(0.908 0.044 44.6)
- OKLab
- oklab(0.908 0.031 0.031)
- CIE Lab
- lab(89.03 10.89 12.16)
- LCH
- lch(89.03 16.32 48.2)
- CMYK
- cmyk(0% 14% 20% 2%)
틴트 · 셰이드 · 톤
틴트
- FCDCCE
- FCE0D4
- FDE4D9
- FDE8DE
- FDECE4
- FEEFE9
- FEF3EF
- FEF7F4
- FFFBFA
셰이드
- DABCAE
- BAA095
- 9C857C
- 7E6B64
- 61534C
- 463B36
- 2D2522
- 15110F
- 030202
톤
- EECFC1
- E1C6BA
- D5BDB3
- C8B4AB
- BCABA4
- B0A29D
- A49A95
- 98918E
- 8C8887
색 조화
보색 +180°
- FBD8C9
Scallop Shell
- C2E7F7
≈ Icy Landscape
유사색 -30° +30°
- FBD8C9
Scallop Shell
- FDD5D7
≈ We Peep
- F2DDC1
≈ Kabuki Clay
삼각 배색 +120° +240°
- FBD8C9
Scallop Shell
- C7EAD9
≈ Mint Tulip
- DCDDFE
≈ Transparent Blue
분열 보색 +150° +210°
- FBD8C9
Scallop Shell
- C0EAE9
≈ Light Opale
- CDE3FE
≈ Fresh Water
사각 배색 +90° +180° +270°
- FBD8C9
Scallop Shell
- D4E8CA
≈ White Green
- C2E7F7
≈ Icy Landscape
- ECD8F5
≈ Scented Spring
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.76:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.76:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--scallop-shell: #fbd8c9;
--scallop-shell-rgb: 251 216 201;
--scallop-shell-oklch: oklch(0.908 0.044 44.6);
}
.element {
color: var(--scallop-shell);
background-color: hsl(18 86% 89%);
border-color: oklch(0.908 0.044 44.6);
}Tailwind CSS v4
@theme {
--color-scallop-shell: #fbd8c9;
--color-scallop-shell-50: #fff2eb;
--color-scallop-shell-100: #f5e4dc;
--color-scallop-shell-200: #e5cfc5;
--color-scallop-shell-300: #ccb1a5;
--color-scallop-shell-400: #b69789;
--color-scallop-shell-500: #a07d6e;
--color-scallop-shell-600: #876a5e;
--color-scallop-shell-700: #6c554b;
--color-scallop-shell-800: #503e36;
--color-scallop-shell-900: #382a25;
--color-scallop-shell-950: #221814;
}SCSS
$scallop-shell: #fbd8c9;
$scallop-shell-rgb: 251, 216, 201;
$scallop-shell-light: mix(#fff, $scallop-shell, 20%);
$scallop-shell-dark: mix(#000, $scallop-shell, 20%);
.element {
color: $scallop-shell;
box-shadow: 0 0 0 2px rgba($scallop-shell, 0.35);
}