이름 색상 · #FAF3DD
Vanilla Powder
Vanilla Powder은(는) #FAF3DD: rgb(250 243 221), hsl(46 74% 92%), oklch(0.964 0.03 92.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Vanilla Powder color name →
#FAF3DD
oklch(0.964 0.03 92.3)
색상 변환
- HEX
- #faf3dd
- RGB
- rgb(250 243 221)
- HSL
- hsl(46 74% 92%)
- HWB
- hwb(46 87% 2%)
- OKLCH
- oklch(0.964 0.03 92.3)
- OKLab
- oklab(0.964 -0.001 0.03)
- CIE Lab
- lab(95.96 -0.27 11.53)
- LCH
- lch(95.96 11.53 91.3)
- CMYK
- cmyk(0% 3% 12% 2%)
틴트 · 셰이드 · 톤
틴트
- FAF4E0
- FBF5E4
- FBF7E7
- FCF8EB
- FCF9EE
- FDFAF1
- FDFBF5
- FEFDF8
- FEFEFC
셰이드
- D9D3C0
- BAB4A4
- 9B9788
- 7D7A6E
- 615E55
- 46443D
- 2D2B26
- 151411
- 030302
톤
- EDE7D3
- E0DBCA
- D4CFC0
- C7C3B7
- BBB8AD
- AFACA4
- A3A19B
- 979692
- 8B8B89
색 조화
보색 +180°
- FAF3DD
Vanilla Powder
- EFF3FF
≈ Placebo Blue
유사색 -30° +30°
- FAF3DD
Vanilla Powder
- FFF0E4
≈ Rice Pudding
- EFF7E1
≈ Lemon Sugar
삼각 배색 +120° +240°
- FAF3DD
Vanilla Powder
- DDF9FF
≈ Glacial Day
- FFEDFB
≈ Partial Pink
분열 보색 +150° +210°
- FAF3DD
Vanilla Powder
- E9F5FF
≈ Moon White
- F5F0FF
≈ Cloud Break
사각 배색 +90° +180° +270°
- FAF3DD
Vanilla Powder
- DEFAF5
≈ Mint Condition
- EFF3FF
≈ Placebo Blue
- FFEEF2
≈ Sugar Coated
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.10:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.92:1 · APCA Lc 100
가장 좋은 글자색: #000000
WCAG 18.92:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--vanilla-powder: #faf3dd;
--vanilla-powder-rgb: 250 243 221;
--vanilla-powder-oklch: oklch(0.964 0.03 92.3);
}
.element {
color: var(--vanilla-powder);
background-color: hsl(46 74% 92%);
border-color: oklch(0.964 0.03 92.3);
}Tailwind CSS v4
@theme {
--color-vanilla-powder: #faf3dd;
--color-vanilla-powder-50: #f8f5ec;
--color-vanilla-powder-100: #ebe8dd;
--color-vanilla-powder-200: #d8d4c6;
--color-vanilla-powder-300: #bcb7a7;
--color-vanilla-powder-400: #a49e8b;
--color-vanilla-powder-500: #8d8670;
--color-vanilla-powder-600: #77715f;
--color-vanilla-powder-700: #5f5b4c;
--color-vanilla-powder-800: #464237;
--color-vanilla-powder-900: #312e25;
--color-vanilla-powder-950: #1d1a14;
}SCSS
$vanilla-powder: #faf3dd;
$vanilla-powder-rgb: 250, 243, 221;
$vanilla-powder-light: mix(#fff, $vanilla-powder, 20%);
$vanilla-powder-dark: mix(#000, $vanilla-powder, 20%);
.element {
color: $vanilla-powder;
box-shadow: 0 0 0 2px rgba($vanilla-powder, 0.35);
}