Color con nombre · #A7885F
Trinket Gold
Trinket Gold es #A7885F: rgb(167 136 95), hsl(34 29% 51%), oklch(0.646 0.068 73.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Trinket Gold color name →
#A7885F
oklch(0.646 0.068 73.9)
Conversiones de color
- HEX
- #a7885f
- RGB
- rgb(167 136 95)
- HSL
- hsl(34 29% 51%)
- HWB
- hwb(34 37% 35%)
- OKLCH
- oklch(0.646 0.068 73.9)
- OKLab
- oklab(0.646 0.019 0.065)
- CIE Lab
- lab(58.92 8.05 26.69)
- LCH
- lch(58.92 27.88 73.2)
- CMYK
- cmyk(0% 19% 43% 35%)
Tintes · Sombras · Tonos
Tintes
- B0936F
- B89F7E
- C1AB8E
- CAB69E
- D3C2AD
- DBCEBD
- E4DACE
- EDE6DE
- F6F3EE
Sombras
- 917552
- 7B6344
- 665238
- 52412C
- 3E3120
- 2C2215
- 1A130A
- 0A0603
- 010100
Tonos
- A38763
- 9F8767
- 9B866A
- 98856D
- 948471
- 908474
- 8C8377
- 88827A
- 84817D
Armonías de color
Complementario +180°
- A7885F
Trinket Gold
- 7190B7
≈ Allure
Análogo -30° +30°
- A7885F
Trinket Gold
- B2816C
≈ Brick Fence
- 95905F
≈ Nile Reed
Triádico +120° +240°
- A7885F
Trinket Gold
- 599B9A
≈ Caulerpa Lentillifera
- 9D82AB
≈ Rhapsody
Complementario dividido +150° +210°
- A7885F
Trinket Gold
- 5E97AD
≈ Delphinium Blue
- 8889B6
≈ Soft Blue Lavender
Tetrádico +90° +180° +270°
- A7885F
Trinket Gold
- 669B83
≈ Scotch Lassie
- 7190B7
≈ Allure
- AC7E98
≈ Bouquet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.31:1 · APCA Lc 61
Ag
AASobre negro
WCAG 6.33:1 · APCA Lc 41
Mejor color de texto: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
Fragmentos de código
CSS
:root {
--trinket-gold: #a7885f;
--trinket-gold-rgb: 167 136 95;
--trinket-gold-oklch: oklch(0.646 0.068 73.9);
}
.element {
color: var(--trinket-gold);
background-color: hsl(34 29% 51%);
border-color: oklch(0.646 0.068 73.9);
}Tailwind CSS v4
@theme {
--color-trinket-gold: #a7885f;
--color-trinket-gold-50: #fff3e0;
--color-trinket-gold-100: #f5e5cf;
--color-trinket-gold-200: #e5d1b5;
--color-trinket-gold-300: #ccb391;
--color-trinket-gold-400: #b79972;
--color-trinket-gold-500: #a17f52;
--color-trinket-gold-600: #886c46;
--color-trinket-gold-700: #6d5638;
--color-trinket-gold-800: #513f28;
--color-trinket-gold-900: #382b1a;
--color-trinket-gold-950: #23180b;
}SCSS
$trinket-gold: #a7885f;
$trinket-gold-rgb: 167, 136, 95;
$trinket-gold-light: mix(#fff, $trinket-gold, 20%);
$trinket-gold-dark: mix(#000, $trinket-gold, 20%);
.element {
color: $trinket-gold;
box-shadow: 0 0 0 2px rgba($trinket-gold, 0.35);
}