命名颜色 · #FCE7C5
Natural Sheepskin
Natural Sheepskin 即 #FCE7C5：rgb(252 231 197)、hsl(37 90% 88%)、oklch(0.936 0.05 79.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Natural Sheepskin color name →
#FCE7C5
oklch(0.936 0.05 79.9)
颜色转换
- HEX
- #fce7c5
- RGB
- rgb(252 231 197)
- HSL
- hsl(37 90% 88%)
- HWB
- hwb(37 77% 1%)
- OKLCH
- oklch(0.936 0.05 79.9)
- OKLab
- oklab(0.936 0.009 0.049)
- CIE Lab
- lab(92.72 3.56 19.36)
- LCH
- lch(92.72 19.68 79.6)
- CMYK
- cmyk(0% 8% 22% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- FCE9CB
- FDECD1
- FDEED7
- FDF1DC
- FEF3E2
- FEF5E8
- FEF8EE
- FEFAF3
- FFFDF9
深色调
- DBC9AB
- BBAB92
- 9C8F79
- 7E7361
- 62594B
- 474035
- 2D2821
- 16130E
- 030302
灰色调
- EFDCBE
- E2D2B7
- D5C7B0
- C9BDA9
- BCB2A2
- B0A89B
- A49E94
- 98948E
- 8C8A87
配色和谐
互补色 +180°
- FCE7C5
Natural Sheepskin
- DEEBFF
≈ Husky
类似色 -30° +30°
- FCE7C5
Natural Sheepskin
- FFE4D5
≈ Winthrop Peach
- EBEEC7
≈ Oh Dahling
三角配色 +120° +240°
- FCE7C5
Natural Sheepskin
- C4F5F7
≈ Vaporised
- F9E0FF
≈ Sugarpills
分裂互补色 +150° +210°
- FCE7C5
Natural Sheepskin
- D1EFFF
≈ Blue Hijab
- E9E7FF
≈ Cyber Lavender
四角配色 +90° +180° +270°
- FCE7C5
Natural Sheepskin
- CAF5E5
≈ Shallow End
- DEEBFF
≈ Husky
- FFE0EE
≈ Pale Blossom
对比度与无障碍
Ag
Fail白底
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黑底
WCAG 17.37:1 · APCA Lc 94
最佳文字颜色: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
代码片段
CSS
:root {
--natural-sheepskin: #fce7c5;
--natural-sheepskin-rgb: 252 231 197;
--natural-sheepskin-oklch: oklch(0.936 0.05 79.9);
}
.element {
color: var(--natural-sheepskin);
background-color: hsl(37 90% 88%);
border-color: oklch(0.936 0.05 79.9);
}Tailwind CSS v4
@theme {
--color-natural-sheepskin: #fce7c5;
--color-natural-sheepskin-50: #fcf4e5;
--color-natural-sheepskin-100: #f0e7d6;
--color-natural-sheepskin-200: #dfd3bd;
--color-natural-sheepskin-300: #c4b59b;
--color-natural-sheepskin-400: #ae9c7d;
--color-natural-sheepskin-500: #988360;
--color-natural-sheepskin-600: #806f52;
--color-natural-sheepskin-700: #675941;
--color-natural-sheepskin-800: #4c402f;
--color-natural-sheepskin-900: #352c20;
--color-natural-sheepskin-950: #20190f;
}SCSS
$natural-sheepskin: #fce7c5;
$natural-sheepskin-rgb: 252, 231, 197;
$natural-sheepskin-light: mix(#fff, $natural-sheepskin, 20%);
$natural-sheepskin-dark: mix(#000, $natural-sheepskin, 20%);
.element {
color: $natural-sheepskin;
box-shadow: 0 0 0 2px rgba($natural-sheepskin, 0.35);
}