가장 가까운 이름 색상 · #FDEFE3
#FDEFE3
가장 가까운 이름 색상: Alpaca
#FDEFE3(rgb(253 239 227), hsl(28 87% 94%), oklch(0.96 0.022 63.2))와 가장 가까운 이름 색상은 Alpaca입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FDEFE3
oklch(0.96 0.022 63.2)
색상 변환
- HEX
- #fdefe3
- RGB
- rgb(253 239 227)
- HSL
- hsl(28 87% 94%)
- HWB
- hwb(28 89% 1%)
- OKLCH
- oklch(0.96 0.022 63.2)
- OKLab
- oklab(0.96 0.01 0.02)
- CIE Lab
- lab(95.32 3.42 7.6)
- LCH
- lch(95.32 8.34 65.8)
- CMYK
- cmyk(0% 6% 10% 1%)
틴트 · 셰이드 · 톤
틴트
- FDF1E6
- FDF2E9
- FEF4EB
- FEF5EE
- FEF7F1
- FEF9F4
- FEFAF7
- FFFCF9
- FFFDFC
셰이드
- DCD0C5
- BCB1A8
- 9D948C
- 7F7871
- 625C57
- 47423F
- 2D2A27
- 161412
- 030303
톤
- F0E3D9
- E3D8CE
- D6CCC4
- C9C1BA
- BDB6B0
- B0ABA6
- A4A09D
- 989593
- 8C8B89
색 조화
보색 +180°
- FDEFE3
Alpaca
- E6F4FF
≈ Kodama White
유사색 -30° +30°
- FDEFE3
Alpaca
- FFEDE9
≈ Rose Frost
- F7F2E2
≈ Alhambra Cream
삼각 배색 +120° +240°
- FDEFE3
Alpaca
- E3F7F3
≈ Frosty Mint
- F5EEFE
≈ Placebo Fuchsia
분열 보색 +150° +210°
- FDEFE3
Alpaca
- E2F6FB
≈ Coastal Breeze
- EDF1FF
≈ Carte Blanche
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.12:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.63:1 · APCA Lc 99
가장 좋은 글자색: #000000
WCAG 18.63:1 (AAA) · APCA Lc 99
Contrast pairs
코드 스니펫
CSS
:root {
--alpaca: #fdefe3;
--alpaca-rgb: 253 239 227;
--alpaca-oklch: oklch(0.96 0.022 63.2);
}
.element {
color: var(--alpaca);
background-color: hsl(28 87% 94%);
border-color: oklch(0.96 0.022 63.2);
}Tailwind CSS v4
@theme {
--color-alpaca: #fdefe3;
--color-alpaca-50: #faf4ef;
--color-alpaca-100: #ede6e0;
--color-alpaca-200: #dbd3cb;
--color-alpaca-300: #c0b5ac;
--color-alpaca-400: #a89c91;
--color-alpaca-500: #918377;
--color-alpaca-600: #7b6f65;
--color-alpaca-700: #625951;
--color-alpaca-800: #48413b;
--color-alpaca-900: #322d28;
--color-alpaca-950: #1e1a16;
}SCSS
$alpaca: #fdefe3;
$alpaca-rgb: 253, 239, 227;
$alpaca-light: mix(#fff, $alpaca, 20%);
$alpaca-dark: mix(#000, $alpaca, 20%);
.element {
color: $alpaca;
box-shadow: 0 0 0 2px rgba($alpaca, 0.35);
}