이름 색상 · #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);
}