Color con nombre · #BA8B36
Treasures
Treasures es #BA8B36: rgb(186 139 54), hsl(39 55% 47%), oklch(0.667 0.115 79). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Treasures color name →
#BA8B36
oklch(0.667 0.115 79)
Conversiones de color
- HEX
- #ba8b36
- RGB
- rgb(186 139 54)
- HSL
- hsl(39 55% 47%)
- HWB
- hwb(39 21% 27%)
- OKLCH
- oklch(0.667 0.115 79)
- OKLab
- oklab(0.667 0.022 0.113)
- CIE Lab
- lab(61.36 12.31 50.72)
- LCH
- lch(61.36 52.19 76.4)
- CMYK
- cmyk(0% 25% 71% 27%)
Tintes · Sombras · Tonos
Tintes
- C1974E
- C8A263
- CFAE78
- D6B98B
- DDC59F
- E4D0B2
- EBDCC5
- F1E8D8
- F8F3EC
Sombras
- A1782E
- 896625
- 72541E
- 5C4316
- 46320F
- 322308
- 1E1403
- 0D0701
- 020100
Tonos
- B48A41
- AF894B
- A98853
- A3885B
- 9D8662
- 978569
- 92846F
- 8C8375
- 86817B
Armonías de color
Complementario +180°
- BA8B36
Treasures
- 6895DB
≈ Little Boy Blue
Análogo -30° +30°
- BA8B36
Treasures
- CD7D51
≈ Apricot Buff
- 9A9A3D
≈ Be Yourself
Triádico +120° +240°
- BA8B36
Treasures
- 00A9AE
≈ Fiji
- B37CC1
≈ Wisteria
Complementario dividido +150° +210°
- BA8B36
Treasures
- 33A1CC
≈ Skydome
- 9288D6
≈ Indigo Bloom
Tetrádico +90° +180° +270°
- BA8B36
Treasures
- 37AB88
≈ Herbal
- 6895DB
≈ Little Boy Blue
- C8769F
≈ Dolomite Red
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.07:1 · APCA Lc 57
Ag
AASobre negro
WCAG 6.83:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.83:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--treasures: #ba8b36;
--treasures-rgb: 186 139 54;
--treasures-oklch: oklch(0.667 0.115 79);
}
.element {
color: var(--treasures);
background-color: hsl(39 55% 47%);
border-color: oklch(0.667 0.115 79);
}Tailwind CSS v4
@theme {
--color-treasures: #ba8b36;
--color-treasures-50: #fff3d1;
--color-treasures-100: #fce5bd;
--color-treasures-200: #eed09c;
--color-treasures-300: #d6b271;
--color-treasures-400: #c39648;
--color-treasures-500: #af7b08;
--color-treasures-600: #94690f;
--color-treasures-700: #76540d;
--color-treasures-800: #583c07;
--color-treasures-900: #3e2905;
--color-treasures-950: #271700;
}SCSS
$treasures: #ba8b36;
$treasures-rgb: 186, 139, 54;
$treasures-light: mix(#fff, $treasures, 20%);
$treasures-dark: mix(#000, $treasures, 20%);
.element {
color: $treasures;
box-shadow: 0 0 0 2px rgba($treasures, 0.35);
}