Color con nombre · #4E1609
French Puce
French Puce es #4E1609: rgb(78 22 9), hsl(11 79% 17%), oklch(0.291 0.087 34.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Brown mean? → · French Puce color name →
#4E1609
oklch(0.291 0.087 34.4)
Conversiones de color
- HEX
- #4e1609
- RGB
- rgb(78 22 9)
- HSL
- hsl(11 79% 17%)
- HWB
- hwb(11 4% 69%)
- OKLCH
- oklch(0.291 0.087 34.4)
- OKLab
- oklab(0.291 0.072 0.049)
- CIE Lab
- lab(16.93 26.27 22.03)
- LCH
- lch(16.93 34.28 40)
- CMYK
- cmyk(0% 72% 88% 69%)
Tintes · Sombras · Tonos
Tintes
- 602C20
- 724236
- 83574D
- 956E64
- A7857C
- B89C95
- CAB4AF
- DBCDC9
- EDE6E4
Sombras
- 431207
- 380D05
- 2D0903
- 230602
- 190301
- 0F0201
- 070100
- 020000
- 000000
Tonos
- 542216
- 5A2C22
- 5F372D
- 654138
- 6A4B44
- 6F5650
- 73605B
- 786B67
- 7C7574
Armonías de color
Complementario +180°
- 4E1609
French Puce
- 00323B
≈ Artist Blue
Análogo -30° +30°
- 4E1609
French Puce
- 4D1326
≈ Vino Tinto
- 412300
≈ Blackened Brown
Triádico +120° +240°
- 4E1609
French Puce
- 00361A
≈ Off-Road Green
- 1F2556
≈ Spacescape
Complementario dividido +150° +210°
- 4E1609
French Puce
- 00342E
≈ Fence Green
- 002E4C
≈ Royal Blue Metallic
Tetrádico +90° +180° +270°
- 4E1609
French Puce
- 243100
≈ Blind Forest
- 00323B
≈ Artist Blue
- 351D4E
≈ Powerful Violet
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 14.55:1 · APCA Lc 101
Ag
FailSobre negro
WCAG 1.44:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 14.55:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmentos de código
CSS
:root {
--french-puce: #4e1609;
--french-puce-rgb: 78 22 9;
--french-puce-oklch: oklch(0.291 0.087 34.4);
}
.element {
color: var(--french-puce);
background-color: hsl(11 79% 17%);
border-color: oklch(0.291 0.087 34.4);
}Tailwind CSS v4
@theme {
--color-french-puce: #4e1609;
--color-french-puce-50: #ffede4;
--color-french-puce-100: #ffded4;
--color-french-puce-200: #f7c8bb;
--color-french-puce-300: #e0a898;
--color-french-puce-400: #cc8c7c;
--color-french-puce-500: #b8705f;
--color-french-puce-600: #9c5f51;
--color-french-puce-700: #7d4c40;
--color-french-puce-800: #5d372f;
--color-french-puce-900: #412520;
--color-french-puce-950: #29140f;
}SCSS
$french-puce: #4e1609;
$french-puce-rgb: 78, 22, 9;
$french-puce-light: mix(#fff, $french-puce, 20%);
$french-puce-dark: mix(#000, $french-puce, 20%);
.element {
color: $french-puce;
box-shadow: 0 0 0 2px rgba($french-puce, 0.35);
}