Color con nombre · #FFE6C3
Neutral Peach
Neutral Peach es #FFE6C3: rgb(255 230 195), hsl(35 100% 88%), oklch(0.936 0.053 76.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Neutral Peach color name →
#FFE6C3
oklch(0.936 0.053 76.2)
Conversiones de color
- HEX
- #ffe6c3
- RGB
- rgb(255 230 195)
- HSL
- hsl(35 100% 88%)
- HWB
- hwb(35 76% 0%)
- OKLCH
- oklch(0.936 0.053 76.2)
- OKLab
- oklab(0.936 0.013 0.052)
- CIE Lab
- lab(92.7 4.96 20.4)
- LCH
- lch(92.7 21 76.3)
- CMYK
- cmyk(0% 10% 24% 0%)
Tintes · Sombras · Tonos
Tintes
- FFE9C9
- FFEBCF
- FFEED5
- FFF0DB
- FFF3E1
- FFF5E7
- FFF8ED
- FFFAF3
- FFFDF9
Sombras
- DEC8A9
- BEAB90
- 9E8E78
- 807360
- 63594A
- 484034
- 2E2820
- 16130E
- 030302
Tonos
- F2DBBC
- E4D1B5
- D7C6AF
- CABCA8
- BEB2A1
- B1A89B
- A49E94
- 98948D
- 8C8A87
Armonías de color
Complementario +180°
- FFE6C3
Neutral Peach
- DDEBFF
≈ Hoarfrost
Análogo -30° +30°
- FFE6C3
Neutral Peach
- FFE4D7
≈ Light Peach Rose
- EEEDC4
≈ Oh Dahling
Triádico +120° +240°
- FFE6C3
Neutral Peach
- C1F6F6
≈ Pale Sky
- F6E1FF
≈ Sugarpills
Complementario dividido +150° +210°
- FFE6C3
Neutral Peach
- CFF0FF
≈ Blue Hijab
- E8E7FF
≈ Cyber Lavender
Tetrádico +90° +180° +270°
- FFE6C3
Neutral Peach
- C9F6E2
≈ Cactus Water
- DDEBFF
≈ Hoarfrost
- FFE0EF
≈ Pale Blossom
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.35:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.35:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--neutral-peach: #ffe6c3;
--neutral-peach-rgb: 255 230 195;
--neutral-peach-oklch: oklch(0.936 0.053 76.2);
}
.element {
color: var(--neutral-peach);
background-color: hsl(35 100% 88%);
border-color: oklch(0.936 0.053 76.2);
}Tailwind CSS v4
@theme {
--color-neutral-peach: #ffe6c3;
--color-neutral-peach-50: #fef4e5;
--color-neutral-peach-100: #f2e6d5;
--color-neutral-peach-200: #e1d2bb;
--color-neutral-peach-300: #c7b599;
--color-neutral-peach-400: #b19b7b;
--color-neutral-peach-500: #9b825e;
--color-neutral-peach-600: #836e50;
--color-neutral-peach-700: #695840;
--color-neutral-peach-800: #4e402e;
--color-neutral-peach-900: #362c1f;
--color-neutral-peach-950: #21190f;
}SCSS
$neutral-peach: #ffe6c3;
$neutral-peach-rgb: 255, 230, 195;
$neutral-peach-light: mix(#fff, $neutral-peach, 20%);
$neutral-peach-dark: mix(#000, $neutral-peach, 20%);
.element {
color: $neutral-peach;
box-shadow: 0 0 0 2px rgba($neutral-peach, 0.35);
}