Color con nombre más cercano · #BF9D81
#BF9D81
Color con nombre más cercano: French Oak
#BF9D81 (rgb(191 157 129), hsl(27 33% 63%), oklch(0.72 0.056 61.2)) se parece más al color con nombre French Oak. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BF9D81
oklch(0.72 0.056 61.2)
Conversiones de color
- HEX
- #bf9d81
- RGB
- rgb(191 157 129)
- HSL
- hsl(27 33% 63%)
- HWB
- hwb(27 51% 25%)
- OKLCH
- oklch(0.72 0.056 61.2)
- OKLab
- oklab(0.72 0.027 0.049)
- CIE Lab
- lab(67.35 10.02 19.68)
- LCH
- lch(67.35 22.08 63)
- CMYK
- cmyk(0% 18% 32% 25%)
Tintes · Sombras · Tonos
Tintes
- C5A78D
- CCB099
- D2BAA6
- D9C3B2
- DFCDBF
- E6D7CB
- ECE1D8
- F2EBE5
- F9F5F2
Sombras
- A6886F
- 8D735E
- 755F4E
- 5E4C3E
- 483A2E
- 33281F
- 1F1812
- 0D0906
- 020101
Tonos
- B99A81
- B29781
- AC9481
- A69281
- 9F8F81
- 998C81
- 938981
- 8D8681
- 868380
Armonías de color
Complementario +180°
- BF9D81
French Oak
- 85AAC5
≈ Colorado Springs
Análogo -30° +30°
- BF9D81
French Oak
- C5988F
≈ Persian Bazaar
- B1A47C
≈ Gold Infusion
Triádico +120° +240°
- BF9D81
French Oak
- 7DB0A6
≈ Green Room
- AA9DC3
≈ Evening Slipper
Complementario dividido +150° +210°
- BF9D81
French Oak
- 7BAEB9
≈ November Skies
- 97A3C9
≈ Fields of Heather
Tetrádico +90° +180° +270°
- BF9D81
French Oak
- 8BAF93
≈ Covent Garden
- 85AAC5
≈ Colorado Springs
- BA98B5
≈ Cherished
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.51:1 · APCA Lc 49
Ag
AAASobre negro
WCAG 8.35:1 · APCA Lc 53
Mejor color de texto: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmentos de código
CSS
:root {
--french-oak: #bf9d81;
--french-oak-rgb: 191 157 129;
--french-oak-oklch: oklch(0.72 0.056 61.2);
}
.element {
color: var(--french-oak);
background-color: hsl(27 33% 63%);
border-color: oklch(0.72 0.056 61.2);
}Tailwind CSS v4
@theme {
--color-french-oak: #bf9d81;
--color-french-oak-50: #fff2e5;
--color-french-oak-100: #f6e4d5;
--color-french-oak-200: #e6d0bc;
--color-french-oak-300: #cdb29a;
--color-french-oak-400: #b7977d;
--color-french-oak-500: #a27e60;
--color-french-oak-600: #896b52;
--color-french-oak-700: #6e5541;
--color-french-oak-800: #513e2f;
--color-french-oak-900: #392b20;
--color-french-oak-950: #23180f;
}SCSS
$french-oak: #bf9d81;
$french-oak-rgb: 191, 157, 129;
$french-oak-light: mix(#fff, $french-oak, 20%);
$french-oak-dark: mix(#000, $french-oak, 20%);
.element {
color: $french-oak;
box-shadow: 0 0 0 2px rgba($french-oak, 0.35);
}