Color con nombre más cercano · #C8AB9B
#C8AB9B
Color con nombre más cercano: Frappé
#C8AB9B (rgb(200 171 155), hsl(21 29% 70%), oklch(0.762 0.041 50.6)) se parece más al color con nombre Frappé. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#C8AB9B
oklch(0.762 0.041 50.6)
Conversiones de color
- HEX
- #c8ab9b
- RGB
- rgb(200 171 155)
- HSL
- hsl(21 29% 70%)
- HWB
- hwb(21 61% 22%)
- OKLCH
- oklch(0.762 0.041 50.6)
- OKLab
- oklab(0.762 0.026 0.031)
- CIE Lab
- lab(72.25 9.04 12.38)
- LCH
- lch(72.25 15.33 53.9)
- CMYK
- cmyk(0% 15% 23% 22%)
Tintes · Sombras · Tonos
Tintes
- CEB3A5
- D3BBAE
- D9C4B8
- DECCC2
- E4D4CC
- E9DDD6
- EFE5E0
- F4EEEA
- FAF6F5
Sombras
- AE9486
- 947E72
- 7B685E
- 63544B
- 4C4039
- 362D28
- 211B18
- 0F0B09
- 020101
Tonos
- C1A798
- B9A296
- B29E93
- AB9A90
- A4958E
- 9C918B
- 958D88
- 8E8885
- 878483
Armonías de color
Complementario +180°
- C8AB9B
Frappé
- 98B7C7
≈ Country Air
Análogo -30° +30°
- C8AB9B
Frappé
- CBA8A7
≈ Hydrangea Bouquet
- BFB095
≈ Mocha Cake
Triádico +120° +240°
- C8AB9B
Frappé
- 99BBAE
≈ Moncur
- B1AECA
≈ Lavender Dream
Complementario dividido +150° +210°
- C8AB9B
Frappé
- 94BABC
≈ Watchet
- A3B3CC
≈ Kentucky Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASobre negro
WCAG 9.75:1 · APCA Lc 60
Mejor color de texto: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmentos de código
CSS
:root {
--frappe: #c8ab9b;
--frappe-rgb: 200 171 155;
--frappe-oklch: oklch(0.762 0.041 50.6);
}
.element {
color: var(--frappe);
background-color: hsl(21 29% 70%);
border-color: oklch(0.762 0.041 50.6);
}Tailwind CSS v4
@theme {
--color-frappe: #c8ab9b;
--color-frappe-50: #fff2eb;
--color-frappe-100: #f4e5dc;
--color-frappe-200: #e3d0c5;
--color-frappe-300: #c9b2a5;
--color-frappe-400: #b39889;
--color-frappe-500: #9d7f6e;
--color-frappe-600: #856b5d;
--color-frappe-700: #6a564a;
--color-frappe-800: #4e3e36;
--color-frappe-900: #372b25;
--color-frappe-950: #211814;
}SCSS
$frappe: #c8ab9b;
$frappe-rgb: 200, 171, 155;
$frappe-light: mix(#fff, $frappe, 20%);
$frappe-dark: mix(#000, $frappe, 20%);
.element {
color: $frappe;
box-shadow: 0 0 0 2px rgba($frappe, 0.35);
}