이름 색상 · #FAEDD5
Pastry Dough
Pastry Dough은(는) #FAEDD5: rgb(250 237 213), hsl(39 79% 91%), oklch(0.95 0.035 82.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Pastry Dough color name →
#FAEDD5
oklch(0.95 0.035 82.9)
색상 변환
- HEX
- #faedd5
- RGB
- rgb(250 237 213)
- HSL
- hsl(39 79% 91%)
- HWB
- hwb(39 84% 2%)
- OKLCH
- oklch(0.95 0.035 82.9)
- OKLab
- oklab(0.95 0.004 0.034)
- CIE Lab
- lab(94.32 1.68 13.33)
- LCH
- lch(94.32 13.44 82.8)
- CMYK
- cmyk(0% 5% 15% 2%)
틴트 · 셰이드 · 톤
틴트
- FBEFD9
- FBF1DD
- FCF2E2
- FCF4E6
- FDF6EA
- FDF8EE
- FEFAF2
- FEFBF7
- FFFDFB
셰이드
- D9CEB9
- BAB09E
- 9B9383
- 7D776A
- 615C51
- 46423A
- 2D2A24
- 151410
- 030302
톤
- EDE2CC
- E0D6C3
- D4CBBB
- C7C0B2
- BBB5AA
- AFAAA1
- A39F99
- 979590
- 8C8A88
색 조화
보색 +180°
- FAEDD5
Pastry Dough
- E6EFFF
≈ Brilliant White
유사색 -30° +30°
- FAEDD5
Pastry Dough
- FFEADD
≈ Guiding Star
- EEF1D7
≈ Morning Glow
삼각 배색 +120° +240°
- FAEDD5
Pastry Dough
- D5F6F9
≈ Fishious Rend
- FAE7FC
≈ Placebo Fuchsia
분열 보색 +150° +210°
- FAEDD5
Pastry Dough
- DDF2FF
≈ Wizard White
- EFECFF
≈ Placebo Purple
사각 배색 +90° +180° +270°
- FAEDD5
Pastry Dough
- D8F7EC
≈ Diluted Mint
- E6EFFF
≈ Brilliant White
- FFE7F0
≈ Cherubic
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.15:1 · APCA Lc 7
Ag
AAA검은색 위
WCAG 18.13:1 · APCA Lc 97
가장 좋은 글자색: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--pastry-dough: #faedd5;
--pastry-dough-rgb: 250 237 213;
--pastry-dough-oklch: oklch(0.95 0.035 82.9);
}
.element {
color: var(--pastry-dough);
background-color: hsl(39 79% 91%);
border-color: oklch(0.95 0.035 82.9);
}Tailwind CSS v4
@theme {
--color-pastry-dough: #faedd5;
--color-pastry-dough-50: #faf5ea;
--color-pastry-dough-100: #ede7db;
--color-pastry-dough-200: #dbd3c4;
--color-pastry-dough-300: #c0b6a4;
--color-pastry-dough-400: #a89d88;
--color-pastry-dough-500: #91846c;
--color-pastry-dough-600: #7b705c;
--color-pastry-dough-700: #625a49;
--color-pastry-dough-800: #494135;
--color-pastry-dough-900: #322d24;
--color-pastry-dough-950: #1e1a13;
}SCSS
$pastry-dough: #faedd5;
$pastry-dough-rgb: 250, 237, 213;
$pastry-dough-light: mix(#fff, $pastry-dough, 20%);
$pastry-dough-dark: mix(#000, $pastry-dough, 20%);
.element {
color: $pastry-dough;
box-shadow: 0 0 0 2px rgba($pastry-dough, 0.35);
}