Color con nombre · #BB9A71
Ancient Fresco
Ancient Fresco es #BB9A71: rgb(187 154 113), hsl(33 35% 59%), oklch(0.706 0.068 72.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Ancient Fresco color name →
#BB9A71
oklch(0.706 0.068 72.4)
Conversiones de color
- HEX
- #bb9a71
- RGB
- rgb(187 154 113)
- HSL
- hsl(33 35% 59%)
- HWB
- hwb(33 44% 27%)
- OKLCH
- oklch(0.706 0.068 72.4)
- OKLab
- oklab(0.706 0.021 0.065)
- CIE Lab
- lab(65.92 8.5 26.4)
- LCH
- lch(65.92 27.74 72.2)
- CMYK
- cmyk(0% 18% 40% 27%)
Tintes · Sombras · Tonos
Tintes
- C2A47F
- C9AE8D
- CFB89B
- D6C2A9
- DDCCB7
- E4D6C5
- EBE0D4
- F1EAE2
- F8F5F0
Sombras
- A28561
- 8A7152
- 735E43
- 5C4B35
- 463927
- 32271A
- 1F170E
- 0D0904
- 020101
Tonos
- B59773
- AF9575
- A99277
- A39078
- 9D8D7A
- 978B7B
- 92887C
- 8C857E
- 86837F
Armonías de color
Complementario +180°
- BB9A71
Ancient Fresco
- 82A4CA
≈ Paula Loves Paris
Análogo -30° +30°
- BB9A71
Ancient Fresco
- C6937F
≈ Sweet Beige
- A8A271
≈ Throw Rug
Triádico +120° +240°
- BB9A71
Ancient Fresco
- 6CAEAC
≈ Poolrooms
- AF94BF
≈ Lavender Earl
Complementario dividido +150° +210°
- BB9A71
Ancient Fresco
- 70AABF
≈ Moonstone Blue
- 999CCA
≈ Velvet Robe
Tetrádico +90° +180° +270°
- BB9A71
Ancient Fresco
- 79AE94
≈ Nature Green
- 82A4CA
≈ Paula Loves Paris
- BF90AC
≈ Fabulous Fantasy
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASobre negro
WCAG 7.97:1 · APCA Lc 51
Mejor color de texto: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmentos de código
CSS
:root {
--ancient-fresco: #bb9a71;
--ancient-fresco-rgb: 187 154 113;
--ancient-fresco-oklch: oklch(0.706 0.068 72.4);
}
.element {
color: var(--ancient-fresco);
background-color: hsl(33 35% 59%);
border-color: oklch(0.706 0.068 72.4);
}Tailwind CSS v4
@theme {
--color-ancient-fresco: #bb9a71;
--color-ancient-fresco-50: #fff3e0;
--color-ancient-fresco-100: #f6e5cf;
--color-ancient-fresco-200: #e6d1b5;
--color-ancient-fresco-300: #cdb391;
--color-ancient-fresco-400: #b89872;
--color-ancient-fresco-500: #a27f52;
--color-ancient-fresco-600: #896c46;
--color-ancient-fresco-700: #6e5638;
--color-ancient-fresco-800: #523e28;
--color-ancient-fresco-900: #392b1b;
--color-ancient-fresco-950: #23180b;
}SCSS
$ancient-fresco: #bb9a71;
$ancient-fresco-rgb: 187, 154, 113;
$ancient-fresco-light: mix(#fff, $ancient-fresco, 20%);
$ancient-fresco-dark: mix(#000, $ancient-fresco, 20%);
.element {
color: $ancient-fresco;
box-shadow: 0 0 0 2px rgba($ancient-fresco, 0.35);
}