Color con nombre más cercano · #91623C
#91623C
Color con nombre más cercano: Frappé au Chocolat
#91623C (rgb(145 98 60), hsl(27 41% 40%), oklch(0.538 0.081 58.8)) se parece más al color con nombre Frappé au Chocolat. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#91623C
oklch(0.538 0.081 58.8)
Conversiones de color
- HEX
- #91623c
- RGB
- rgb(145 98 60)
- HSL
- hsl(27 41% 40%)
- HWB
- hwb(27 24% 43%)
- OKLCH
- oklch(0.538 0.081 58.8)
- OKLab
- oklab(0.538 0.042 0.069)
- CIE Lab
- lab(46.08 16.55 29.51)
- LCH
- lch(46.08 33.83 60.7)
- CMYK
- cmyk(0% 32% 59% 43%)
Tintes · Sombras · Tonos
Tintes
- 9C714F
- A78062
- B28F75
- BD9F88
- C8AE9B
- D3BEAE
- DECEC2
- E9DED6
- F4EEEA
Sombras
- 7D5433
- 6A472A
- 583A21
- 462D19
- 352111
- 25160A
- 150B04
- 070301
- 010000
Tonos
- 906544
- 8E684B
- 8D6C52
- 8B6F59
- 8A7260
- 887566
- 86786D
- 847A73
- 827D7A
Armonías de color
Complementario +180°
- 91623C
Frappé au Chocolat
- 3D7498
≈ Male Betta
Análogo -30° +30°
- 91623C
Frappé au Chocolat
- 975B53
≈ Copper Mining
- 816B32
≈ Time Honoured
Triádico +120° +240°
- 91623C
Frappé au Chocolat
- 2D7D6F
≈ Teal We Meet Again
- 746397
≈ Pandora
Complementario dividido +150° +210°
- 91623C
Frappé au Chocolat
- 257B87
≈ Caribe
- 5B6C9D
≈ Moonshade
Tetrádico +90° +180° +270°
- 91623C
Frappé au Chocolat
- 4B7B54
≈ Rokushō Green
- 3D7498
≈ Male Betta
- 885D85
≈ Candy Violet
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 4.01:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--frappe-au-chocolat: #91623c;
--frappe-au-chocolat-rgb: 145 98 60;
--frappe-au-chocolat-oklch: oklch(0.538 0.081 58.8);
}
.element {
color: var(--frappe-au-chocolat);
background-color: hsl(27 41% 40%);
border-color: oklch(0.538 0.081 58.8);
}Tailwind CSS v4
@theme {
--color-frappe-au-chocolat: #91623c;
--color-frappe-au-chocolat-50: #fff0de;
--color-frappe-au-chocolat-100: #fde2cd;
--color-frappe-au-chocolat-200: #efcdb2;
--color-frappe-au-chocolat-300: #d7ae8e;
--color-frappe-au-chocolat-400: #c3936e;
--color-frappe-au-chocolat-500: #ae794e;
--color-frappe-au-chocolat-600: #936642;
--color-frappe-au-chocolat-700: #765235;
--color-frappe-au-chocolat-800: #583b26;
--color-frappe-au-chocolat-900: #3d2819;
--color-frappe-au-chocolat-950: #27160a;
}SCSS
$frappe-au-chocolat: #91623c;
$frappe-au-chocolat-rgb: 145, 98, 60;
$frappe-au-chocolat-light: mix(#fff, $frappe-au-chocolat, 20%);
$frappe-au-chocolat-dark: mix(#000, $frappe-au-chocolat, 20%);
.element {
color: $frappe-au-chocolat;
box-shadow: 0 0 0 2px rgba($frappe-au-chocolat, 0.35);
}