Color con nombre · #BDA286
Basketry
Basketry es #BDA286: rgb(189 162 134), hsl(31 29% 63%), oklch(0.729 0.05 67.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Basketry color name →
#BDA286
oklch(0.729 0.05 67.9)
Conversiones de color
- HEX
- #bda286
- RGB
- rgb(189 162 134)
- HSL
- hsl(31 29% 63%)
- HWB
- hwb(31 53% 26%)
- OKLCH
- oklch(0.729 0.05 67.9)
- OKLab
- oklab(0.729 0.019 0.047)
- CIE Lab
- lab(68.51 7.12 18.48)
- LCH
- lch(68.51 19.8 68.9)
- CMYK
- cmyk(0% 14% 29% 26%)
Tintes · Sombras · Tonos
Tintes
- C4AB92
- CAB49E
- D1BDA9
- D7C6B5
- DED0C1
- E5D9CE
- EBE2DA
- F2ECE6
- F8F5F2
Sombras
- A48C74
- 8C7762
- 746351
- 5D4F40
- 473C30
- 332A21
- 1F1913
- 0D0A06
- 020101
Tonos
- B79F86
- B19B85
- AA9885
- A49484
- 9E9184
- 988E83
- 928A82
- 8C8782
- 868381
Armonías de color
Complementario +180°
- BDA286
Basketry
- 8FABC6
≈ Bachelor Blue
Análogo -30° +30°
- BDA286
Basketry
- C49D91
≈ Mahogany Rose
- AFA884
≈ Green Grey Mist
Triádico +120° +240°
- BDA286
Basketry
- 83B2AD
≈ Silicate Green
- B09FC0
≈ Iris Blossom
Complementario dividido +150° +210°
- BDA286
Basketry
- 84B0BC
≈ Open Seas
- 9FA5C7
≈ Wild Phlox
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.42:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.67:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.67:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--basketry: #bda286;
--basketry-rgb: 189 162 134;
--basketry-oklch: oklch(0.729 0.05 67.9);
}
.element {
color: var(--basketry);
background-color: hsl(31 29% 63%);
border-color: oklch(0.729 0.05 67.9);
}Tailwind CSS v4
@theme {
--color-basketry: #bda286;
--color-basketry-50: #fff3e6;
--color-basketry-100: #f3e5d6;
--color-basketry-200: #e3d1be;
--color-basketry-300: #c9b39c;
--color-basketry-400: #b3997f;
--color-basketry-500: #9d8062;
--color-basketry-600: #856d54;
--color-basketry-700: #6a5743;
--color-basketry-800: #4f3f30;
--color-basketry-900: #372b20;
--color-basketry-950: #211910;
}SCSS
$basketry: #bda286;
$basketry-rgb: 189, 162, 134;
$basketry-light: mix(#fff, $basketry, 20%);
$basketry-dark: mix(#000, $basketry, 20%);
.element {
color: $basketry;
box-shadow: 0 0 0 2px rgba($basketry, 0.35);
}