Colore con nome più vicino · #BF9D81
#BF9D81
Colore con nome più vicino: French Oak
#BF9D81 (rgb(191 157 129), hsl(27 33% 63%), oklch(0.72 0.056 61.2)) è più vicino al colore con nome French Oak. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BF9D81
oklch(0.72 0.056 61.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C5A78D
- CCB099
- D2BAA6
- D9C3B2
- DFCDBF
- E6D7CB
- ECE1D8
- F2EBE5
- F9F5F2
Ombre
- A6886F
- 8D735E
- 755F4E
- 5E4C3E
- 483A2E
- 33281F
- 1F1812
- 0D0906
- 020101
Toni
- B99A81
- B29781
- AC9481
- A69281
- 9F8F81
- 998C81
- 938981
- 8D8681
- 868380
Armonie di colore
Complementare +180°
- BF9D81
French Oak
- 85AAC5
≈ Colorado Springs
Analogo -30° +30°
- BF9D81
French Oak
- C5988F
≈ Persian Bazaar
- B1A47C
≈ Gold Infusion
Triadico +120° +240°
- BF9D81
French Oak
- 7DB0A6
≈ Green Room
- AA9DC3
≈ Evening Slipper
Complementare divisa +150° +210°
- BF9D81
French Oak
- 7BAEB9
≈ November Skies
- 97A3C9
≈ Fields of Heather
Tetradico +90° +180° +270°
- BF9D81
French Oak
- 8BAF93
≈ Covent Garden
- 85AAC5
≈ Colorado Springs
- BA98B5
≈ Cherished
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.51:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.35:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
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);
}