Color con nombre · #AF9C76
Expedition
Expedition es #AF9C76: rgb(175 156 118), hsl(40 26% 57%), oklch(0.7 0.057 84.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Expedition color name →
#AF9C76
oklch(0.7 0.057 84.4)
Conversiones de color
- HEX
- #af9c76
- RGB
- rgb(175 156 118)
- HSL
- hsl(40 26% 57%)
- HWB
- hwb(40 46% 31%)
- OKLCH
- oklch(0.7 0.057 84.4)
- OKLab
- oklab(0.7 0.006 0.057)
- CIE Lab
- lab(65.33 2.97 22.66)
- LCH
- lch(65.33 22.85 82.5)
- CMYK
- cmyk(0% 11% 33% 31%)
Tintes · Sombras · Tonos
Tintes
- B7A683
- BFAF91
- C7B99E
- CEC3AC
- D6CDB9
- DED7C7
- E7E1D5
- EFEBE3
- F7F5F1
Sombras
- 988766
- 817356
- 6B5F47
- 564C38
- 413929
- 2E281C
- 1C180F
- 0B0905
- 010101
Tonos
- AA9977
- A59679
- A1947A
- 9C917B
- 978E7C
- 938B7D
- 8E887E
- 89867F
- 85837F
Armonías de color
Complementario +180°
- AF9C76
Expedition
- 8D9FC3
≈ Lavender Lustre
Análogo -30° +30°
- AF9C76
Expedition
- BB957D
≈ Cool Clay
- 9DA37A
≈ Dill Grass
Triádico +120° +240°
- AF9C76
Expedition
- 74A9AF
≈ Water Cooler
- B193B2
≈ Metal Petal
Complementario dividido +150° +210°
- AF9C76
Expedition
- 7CA5BD
≈ Stormfang
- A098BF
≈ Grape Gatsby
Tetrádico +90° +180° +270°
- AF9C76
Expedition
- 79AA9C
≈ Catnip
- 8D9FC3
≈ Lavender Lustre
- BC90A0
≈ Light Mauve
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.67:1 · APCA Lc 52
Ag
AAASobre negro
WCAG 7.83:1 · APCA Lc 50
Mejor color de texto: #000000
WCAG 7.83:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmentos de código
CSS
:root {
--expedition: #af9c76;
--expedition-rgb: 175 156 118;
--expedition-oklch: oklch(0.7 0.057 84.4);
}
.element {
color: var(--expedition);
background-color: hsl(40 26% 57%);
border-color: oklch(0.7 0.057 84.4);
}Tailwind CSS v4
@theme {
--color-expedition: #af9c76;
--color-expedition-50: #fcf4e3;
--color-expedition-100: #f0e7d3;
--color-expedition-200: #dfd3b9;
--color-expedition-300: #c4b697;
--color-expedition-400: #ae9c78;
--color-expedition-500: #98835a;
--color-expedition-600: #806f4d;
--color-expedition-700: #67593d;
--color-expedition-800: #4c412b;
--color-expedition-900: #352d1d;
--color-expedition-950: #201a0d;
}SCSS
$expedition: #af9c76;
$expedition-rgb: 175, 156, 118;
$expedition-light: mix(#fff, $expedition, 20%);
$expedition-dark: mix(#000, $expedition, 20%);
.element {
color: $expedition;
box-shadow: 0 0 0 2px rgba($expedition, 0.35);
}