Cor nomeada · #BC916F
Hickory Tint
Hickory Tint é #BC916F: rgb(188 145 111), hsl(26 36% 59%), oklch(0.689 0.07 59.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Hickory Tint color name →
#BC916F
oklch(0.689 0.07 59.6)
Conversões de cor
- HEX
- #bc916f
- RGB
- rgb(188 145 111)
- HSL
- hsl(26 36% 59%)
- HWB
- hwb(26 44% 26%)
- OKLCH
- oklch(0.689 0.07 59.6)
- OKLab
- oklab(0.689 0.036 0.061)
- CIE Lab
- lab(63.71 13.44 24.64)
- LCH
- lch(63.71 28.07 61.4)
- CMYK
- cmyk(0% 23% 41% 26%)
Tons claros · Sombras · Tons
Tons claros
- C39C7D
- CAA68B
- D1B199
- D7BCA7
- DEC7B6
- E5D2C4
- EBDDD3
- F2E8E1
- F8F4F0
Sombras
- A37D60
- 8B6A51
- 735842
- 5D4634
- 473527
- 32251A
- 1F150E
- 0D0704
- 020101
Tons
- B68F71
- B08E73
- AA8C75
- A48B77
- 9E8979
- 98877A
- 92857C
- 8C847D
- 86827F
Harmonias de cor
Complementar +180°
- BC916F
Hickory Tint
- 72A1C2
≈ Air Superiority Blue
Análoga -30° +30°
- BC916F
Hickory Tint
- C38B82
≈ Ceremonial Ochre
- AC9968
≈ Wistman’s Wood
Tríade +120° +240°
- BC916F
Hickory Tint
- 68AA9C
≈ Calmness
- A192C1
≈ Chive Flower
Complementar dividida +150° +210°
- BC916F
Hickory Tint
- 64A7B3
≈ Summer Sea
- 8A9AC7
≈ Manifest Destiny
Tétrade +90° +180° +270°
- BC916F
Hickory Tint
- 7CA884
≈ Green Globe
- 72A1C2
≈ Air Superiority Blue
- B48CB0
≈ Purple Lepidolite
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.83:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.41:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.41:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--hickory-tint: #bc916f;
--hickory-tint-rgb: 188 145 111;
--hickory-tint-oklch: oklch(0.689 0.07 59.6);
}
.element {
color: var(--hickory-tint);
background-color: hsl(26 36% 59%);
border-color: oklch(0.689 0.07 59.6);
}Tailwind CSS v4
@theme {
--color-hickory-tint: #bc916f;
--color-hickory-tint-50: #fff1e1;
--color-hickory-tint-100: #fae3d1;
--color-hickory-tint-200: #ebceb6;
--color-hickory-tint-300: #d2b093;
--color-hickory-tint-400: #be9575;
--color-hickory-tint-500: #a97b56;
--color-hickory-tint-600: #8f6849;
--color-hickory-tint-700: #72533a;
--color-hickory-tint-800: #553c2a;
--color-hickory-tint-900: #3b291c;
--color-hickory-tint-950: #25170c;
}SCSS
$hickory-tint: #bc916f;
$hickory-tint-rgb: 188, 145, 111;
$hickory-tint-light: mix(#fff, $hickory-tint, 20%);
$hickory-tint-dark: mix(#000, $hickory-tint, 20%);
.element {
color: $hickory-tint;
box-shadow: 0 0 0 2px rgba($hickory-tint, 0.35);
}