Cor nomeada · #FFAE96
Peach Nectar
Peach Nectar é #FFAE96: rgb(255 174 150), hsl(14 100% 79%), oklch(0.823 0.102 37.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Peach Nectar color name →
#FFAE96
oklch(0.823 0.102 37.2)
Conversões de cor
- HEX
- #ffae96
- RGB
- rgb(255 174 150)
- HSL
- hsl(14 100% 79%)
- HWB
- hwb(14 59% 0%)
- OKLCH
- oklch(0.823 0.102 37.2)
- OKLab
- oklab(0.823 0.081 0.061)
- CIE Lab
- lab(78.72 28.49 25.01)
- LCH
- lch(78.72 37.91 41.3)
- CMYK
- cmyk(0% 32% 41% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFB6A0
- FFBFAB
- FFC7B5
- FFCFC0
- FFD7CA
- FFDFD5
- FFE7DF
- FFEFEA
- FFF7F4
Sombras
- DE9782
- BE806E
- 9E6A5B
- 805549
- 634137
- 482E26
- 2E1C16
- 160B08
- 030101
Tons
- F2AA94
- E5A592
- D8A190
- CC9C8E
- BF988C
- B29389
- A68E87
- 998A85
- 8D8582
Harmonias de cor
Complementar +180°
- FFAE96
Peach Nectar
- 70D5F0
≈ Middle Blue
Análoga -30° +30°
- FFAE96
Peach Nectar
- FEA9B9
≈ A Brand New Day
- F2B97C
≈ Majestic Dune
Tríade +120° +240°
- FFAE96
Peach Nectar
- 8BD9AB
≈ Peaceful Pastures
- B6C0FF
≈ Dried Lilac
Complementar dividida +150° +210°
- FFAE96
Peach Nectar
- 6EDBD0
≈ Hammam Blue
- 93CBFF
≈ Clear Sky
Tétrade +90° +180° +270°
- FFAE96
Peach Nectar
- B3D28A
≈ Fresh Lettuce
- 70D5F0
≈ Middle Blue
- D7B4F9
≈ Light Violet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.74:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--peach-nectar: #ffae96;
--peach-nectar-rgb: 255 174 150;
--peach-nectar-oklch: oklch(0.823 0.102 37.2);
}
.element {
color: var(--peach-nectar);
background-color: hsl(14 100% 79%);
border-color: oklch(0.823 0.102 37.2);
}Tailwind CSS v4
@theme {
--color-peach-nectar: #ffae96;
--color-peach-nectar-50: #ffece0;
--color-peach-nectar-100: #ffddcf;
--color-peach-nectar-200: #fcc6b4;
--color-peach-nectar-300: #e5a691;
--color-peach-nectar-400: #d38973;
--color-peach-nectar-500: #bf6c54;
--color-peach-nectar-600: #a15c48;
--color-peach-nectar-700: #824a39;
--color-peach-nectar-800: #60352a;
--color-peach-nectar-900: #44241c;
--color-peach-nectar-950: #2b130c;
}SCSS
$peach-nectar: #ffae96;
$peach-nectar-rgb: 255, 174, 150;
$peach-nectar-light: mix(#fff, $peach-nectar, 20%);
$peach-nectar-dark: mix(#000, $peach-nectar, 20%);
.element {
color: $peach-nectar;
box-shadow: 0 0 0 2px rgba($peach-nectar, 0.35);
}