Cor nomeada · #EFB495
Posh Peach
Posh Peach é #EFB495: rgb(239 180 149), hsl(21 74% 76%), oklch(0.817 0.081 48.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Posh Peach color name →
#EFB495
oklch(0.817 0.081 48.9)
Conversões de cor
- HEX
- #efb495
- RGB
- rgb(239 180 149)
- HSL
- hsl(21 74% 76%)
- HWB
- hwb(21 58% 6%)
- OKLCH
- oklch(0.817 0.081 48.9)
- OKLab
- oklab(0.817 0.053 0.061)
- CIE Lab
- lab(78.31 19.19 24.63)
- LCH
- lch(78.31 31.22 52.1)
- CMYK
- cmyk(0% 25% 38% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1BCA0
- F3C3AA
- F5CBB5
- F7D2BF
- F8DACA
- FAE1D4
- FBE9DF
- FDF0EA
- FEF8F4
Sombras
- D09C81
- B1856D
- 946E5A
- 785848
- 5C4437
- 423026
- 2A1D16
- 140C08
- 030201
Tons
- E4AF93
- D8AA91
- CDA48F
- C29F8D
- B79A8B
- AC9589
- A19087
- 968A85
- 8B8582
Harmonias de cor
Complementar +180°
- EFB495
Posh Peach
- 8ACEED
≈ Pool Tiles
Análoga -30° +30°
- EFB495
Posh Peach
- F3AEAE
≈ Brain Pink
- E0BD87
≈ Bag of Gold
Tríade +120° +240°
- EFB495
Posh Peach
- 8DD4BA
≈ Larimar Green
- C1BBF5
≈ Dried Lilac
Complementar dividida +150° +210°
- EFB495
Posh Peach
- 81D3D7
≈ Aruba Blue
- A4C5F8
≈ Sky High
Tétrade +90° +180° +270°
- EFB495
Posh Peach
- A9D09E
≈ Relaxation Green
- 8ACEED
≈ Pool Tiles
- DAB3E5
≈ Pretty Petunia
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.63:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--posh-peach: #efb495;
--posh-peach-rgb: 239 180 149;
--posh-peach-oklch: oklch(0.817 0.081 48.9);
}
.element {
color: var(--posh-peach);
background-color: hsl(21 74% 76%);
border-color: oklch(0.817 0.081 48.9);
}Tailwind CSS v4
@theme {
--color-posh-peach: #efb495;
--color-posh-peach-50: #ffefe1;
--color-posh-peach-100: #ffe1d0;
--color-posh-peach-200: #f2cbb6;
--color-posh-peach-300: #daac92;
--color-posh-peach-400: #c69074;
--color-posh-peach-500: #b27655;
--color-posh-peach-600: #966449;
--color-posh-peach-700: #79503a;
--color-posh-peach-800: #5a392a;
--color-posh-peach-900: #3f271c;
--color-posh-peach-950: #28150c;
}SCSS
$posh-peach: #efb495;
$posh-peach-rgb: 239, 180, 149;
$posh-peach-light: mix(#fff, $posh-peach, 20%);
$posh-peach-dark: mix(#000, $posh-peach, 20%);
.element {
color: $posh-peach;
box-shadow: 0 0 0 2px rgba($posh-peach, 0.35);
}