Cor nomeada · #FAEDD5
Pastry Dough
Pastry Dough é #FAEDD5: rgb(250 237 213), hsl(39 79% 91%), oklch(0.95 0.035 82.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pastry Dough color name →
#FAEDD5
oklch(0.95 0.035 82.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FBEFD9
- FBF1DD
- FCF2E2
- FCF4E6
- FDF6EA
- FDF8EE
- FEFAF2
- FEFBF7
- FFFDFB
Sombras
- D9CEB9
- BAB09E
- 9B9383
- 7D776A
- 615C51
- 46423A
- 2D2A24
- 151410
- 030302
Tons
- EDE2CC
- E0D6C3
- D4CBBB
- C7C0B2
- BBB5AA
- AFAAA1
- A39F99
- 979590
- 8C8A88
Harmonias de cor
Complementar +180°
- FAEDD5
Pastry Dough
- E6EFFF
≈ Brilliant White
Análoga -30° +30°
- FAEDD5
Pastry Dough
- FFEADD
≈ Guiding Star
- EEF1D7
≈ Morning Glow
Tríade +120° +240°
- FAEDD5
Pastry Dough
- D5F6F9
≈ Fishious Rend
- FAE7FC
≈ Placebo Fuchsia
Complementar dividida +150° +210°
- FAEDD5
Pastry Dough
- DDF2FF
≈ Wizard White
- EFECFF
≈ Placebo Purple
Tétrade +90° +180° +270°
- FAEDD5
Pastry Dough
- D8F7EC
≈ Diluted Mint
- E6EFFF
≈ Brilliant White
- FFE7F0
≈ Cherubic
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.15:1 · APCA Lc 7
Ag
AAASobre preto
WCAG 18.13:1 · APCA Lc 97
Melhor cor de texto: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
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);
}