色名 · #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);
}