Color con nombre más cercano · #CD8C5D
#CD8C5D
Color con nombre más cercano: Whiskey
#CD8C5D (rgb(205 140 93), hsl(25 53% 58%), oklch(0.695 0.101 56.1)) se parece más al color con nombre Whiskey. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#CD8C5D
oklch(0.695 0.101 56.1)
Conversiones de color
- HEX
- #cd8c5d
- RGB
- rgb(205 140 93)
- HSL
- hsl(25 53% 58%)
- HWB
- hwb(25 36% 20%)
- OKLCH
- oklch(0.695 0.101 56.1)
- OKLab
- oklab(0.695 0.056 0.084)
- CIE Lab
- lab(64.2 21.81 35.45)
- LCH
- lch(64.2 41.62 58.4)
- CMYK
- cmyk(0% 32% 55% 20%)
Tintes · Sombras · Tonos
Tintes
- D3976E
- D8A37E
- DDAE8E
- E3BA9E
- E8C5AE
- EDD1BE
- F1DCCE
- F6E8DE
- FBF3EF
Sombras
- B27950
- 986743
- 7E5537
- 66432A
- 4E331F
- 382314
- 23140A
- 0F0703
- 020100
Tonos
- C58B62
- BE8A66
- B6896A
- AF886D
- A78771
- 9F8674
- 988477
- 90837A
- 88827D
Armonías de color
Complementario +180°
- CD8C5D
Whiskey
- 59A6D3
≈ First Landing
Análogo -30° +30°
- CD8C5D
Whiskey
- D5847C
≈ Salmon Pate
- B9984E
≈ Base Sand
Triádico +120° +240°
- CD8C5D
Whiskey
- 4BB19B
≈ Water Park
- A290D5
≈ Middy’s Purple
Complementario dividido +150° +210°
- CD8C5D
Whiskey
- 3DAFBC
≈ Placid Sea
- 7F9BDC
≈ Portage
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.50:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--whiskey: #cd8c5d;
--whiskey-rgb: 205 140 93;
--whiskey-oklch: oklch(0.695 0.101 56.1);
}
.element {
color: var(--whiskey);
background-color: hsl(25 53% 58%);
border-color: oklch(0.695 0.101 56.1);
}Tailwind CSS v4
@theme {
--color-whiskey: #cd8c5d;
--color-whiskey-50: #ffefd9;
--color-whiskey-100: #ffe0c7;
--color-whiskey-200: #f6caaa;
--color-whiskey-300: #dfab84;
--color-whiskey-400: #cc8f62;
--color-whiskey-500: #b9733e;
--color-whiskey-600: #9c6236;
--color-whiskey-700: #7d4e2b;
--color-whiskey-800: #5d381e;
--color-whiskey-900: #412614;
--color-whiskey-950: #2a1406;
}SCSS
$whiskey: #cd8c5d;
$whiskey-rgb: 205, 140, 93;
$whiskey-light: mix(#fff, $whiskey, 20%);
$whiskey-dark: mix(#000, $whiskey, 20%);
.element {
color: $whiskey;
box-shadow: 0 0 0 2px rgba($whiskey, 0.35);
}