Cor nomeada · #E1D8BB
Physalis Peal
Physalis Peal é #E1D8BB: rgb(225 216 187), hsl(46 39% 81%), oklch(0.882 0.04 92.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Physalis Peal color name →
#E1D8BB
oklch(0.882 0.04 92.8)
Conversões de cor
- HEX
- #e1d8bb
- RGB
- rgb(225 216 187)
- HSL
- hsl(46 39% 81%)
- HWB
- hwb(46 73% 12%)
- OKLCH
- oklch(0.882 0.04 92.8)
- OKLab
- oklab(0.882 -0.002 0.04)
- CIE Lab
- lab(86.5 -0.31 15.53)
- LCH
- lch(86.5 15.53 91.1)
- CMYK
- cmyk(0% 4% 17% 12%)
Tons claros · Sombras · Tons
Tons claros
- E4DCC2
- E7E0C9
- EAE4CF
- EDE8D6
- F0EBDD
- F3EFE4
- F6F3EA
- F9F7F1
- FCFBF8
Sombras
- C4BCA2
- A7A08A
- 8B8573
- 706B5C
- 565346
- 3E3B32
- 27251F
- 12110D
- 020202
Tons
- D7CFB5
- CDC6AF
- C3BDA9
- B9B4A3
- AFAB9D
- A6A297
- 9C9A91
- 93918C
- 898886
Harmonias de cor
Complementar +180°
- E1D8BB
Physalis Peal
- CFD7F3
≈ Flax Bloom
Análoga -30° +30°
- E1D8BB
Physalis Peal
- ECD3BE
≈ Puppy Paws
- D3DDC0
≈ Dream Seascape
Tríade +120° +240°
- E1D8BB
Physalis Peal
- BBE0E8
≈ Delicate Blue
- E9CFE4
≈ Lilacs in Spring
Complementar dividida +150° +210°
- E1D8BB
Physalis Peal
- C2DCF1
≈ Island View
- DDD2EE
≈ Teary Eyed
Tétrade +90° +180° +270°
- E1D8BB
Physalis Peal
- BCE1DA
≈ Serendipity
- CFD7F3
≈ Flax Bloom
- F0CED5
≈ Milkshake Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASobre preto
WCAG 14.74:1 · APCA Lc 83
Melhor cor de texto: #000000
WCAG 14.74:1 (AAA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--physalis-peal: #e1d8bb;
--physalis-peal-rgb: 225 216 187;
--physalis-peal-oklch: oklch(0.882 0.04 92.8);
}
.element {
color: var(--physalis-peal);
background-color: hsl(46 39% 81%);
border-color: oklch(0.882 0.04 92.8);
}Tailwind CSS v4
@theme {
--color-physalis-peal: #e1d8bb;
--color-physalis-peal-50: #f9f5e9;
--color-physalis-peal-100: #ece8d9;
--color-physalis-peal-200: #d9d4c2;
--color-physalis-peal-300: #beb8a1;
--color-physalis-peal-400: #a69e84;
--color-physalis-peal-500: #8f8668;
--color-physalis-peal-600: #797159;
--color-physalis-peal-700: #615b47;
--color-physalis-peal-800: #474233;
--color-physalis-peal-900: #322e22;
--color-physalis-peal-950: #1e1a12;
}SCSS
$physalis-peal: #e1d8bb;
$physalis-peal-rgb: 225, 216, 187;
$physalis-peal-light: mix(#fff, $physalis-peal, 20%);
$physalis-peal-dark: mix(#000, $physalis-peal, 20%);
.element {
color: $physalis-peal;
box-shadow: 0 0 0 2px rgba($physalis-peal, 0.35);
}