Color con nombre · #A78F65
Fossil Butte
Fossil Butte es #A78F65: rgb(167 143 101), hsl(38 27% 53%), oklch(0.662 0.064 81.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Fossil Butte color name →
#A78F65
oklch(0.662 0.064 81.2)
Conversiones de color
- HEX
- #a78f65
- RGB
- rgb(167 143 101)
- HSL
- hsl(38 27% 53%)
- HWB
- hwb(38 40% 35%)
- OKLCH
- oklch(0.662 0.064 81.2)
- OKLab
- oklab(0.662 0.01 0.064)
- CIE Lab
- lab(60.85 4.86 25.89)
- LCH
- lch(60.85 26.34 79.4)
- CMYK
- cmyk(0% 14% 40% 35%)
Tintes · Sombras · Tonos
Tintes
- B09A74
- B8A583
- C1B092
- CABBA1
- D2C6B1
- DBD1C0
- E4DCD0
- EDE8DF
- F6F3EF
Sombras
- 917C57
- 7B6949
- 66573C
- 52452F
- 3E3422
- 2C2417
- 1A150C
- 0A0703
- 010100
Tonos
- A38E68
- 9F8C6B
- 9B8B6E
- 978971
- 938874
- 908676
- 8C8579
- 88837B
- 84827E
Armonías de color
Complementario +180°
- A78F65
Fossil Butte
- 7D93BB
≈ Soothsayer
Análogo -30° +30°
- A78F65
Fossil Butte
- B3886F
≈ Light Topaz Ochre
- 949769
≈ Guacamole
Triádico +120° +240°
- A78F65
Fossil Butte
- 619FA3
≈ Meadowbrook
- A586AB
≈ Violet Eclipse
Complementario dividido +150° +210°
- A78F65
Fossil Butte
- 699AB3
≈ Yacht Blue
- 928CB8
≈ Sweet Lavender
Tetrádico +90° +180° +270°
- A78F65
Fossil Butte
- 69A08D
≈ Jade Dragon
- 7D93BB
≈ Soothsayer
- B28397
≈ Heather Violet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.10:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.75:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--fossil-butte: #a78f65;
--fossil-butte-rgb: 167 143 101;
--fossil-butte-oklch: oklch(0.662 0.064 81.2);
}
.element {
color: var(--fossil-butte);
background-color: hsl(38 27% 53%);
border-color: oklch(0.662 0.064 81.2);
}Tailwind CSS v4
@theme {
--color-fossil-butte: #a78f65;
--color-fossil-butte-50: #fef4e1;
--color-fossil-butte-100: #f2e6d0;
--color-fossil-butte-200: #e2d2b6;
--color-fossil-butte-300: #c7b592;
--color-fossil-butte-400: #b29b73;
--color-fossil-butte-500: #9c8254;
--color-fossil-butte-600: #846e47;
--color-fossil-butte-700: #6a5839;
--color-fossil-butte-800: #4e4028;
--color-fossil-butte-900: #372c1b;
--color-fossil-butte-950: #21190b;
}SCSS
$fossil-butte: #a78f65;
$fossil-butte-rgb: 167, 143, 101;
$fossil-butte-light: mix(#fff, $fossil-butte, 20%);
$fossil-butte-dark: mix(#000, $fossil-butte, 20%);
.element {
color: $fossil-butte;
box-shadow: 0 0 0 2px rgba($fossil-butte, 0.35);
}