Cor nomeada · #BE9C67
Tiger
Tiger é #BE9C67: rgb(190 156 103), hsl(37 40% 57%), oklch(0.712 0.081 78). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tiger color name →
#BE9C67
oklch(0.712 0.081 78)
Conversões de cor
- HEX
- #be9c67
- RGB
- rgb(190 156 103)
- HSL
- hsl(37 40% 57%)
- HWB
- hwb(37 40% 25%)
- OKLCH
- oklch(0.712 0.081 78)
- OKLab
- oklab(0.712 0.017 0.079)
- CIE Lab
- lab(66.61 7.92 32.68)
- LCH
- lch(66.61 33.63 76.4)
- CMYK
- cmyk(0% 18% 46% 25%)
Tons claros · Sombras · Tons
Tons claros
- C5A676
- CBAF85
- D2B995
- D8C3A4
- DFCDB3
- E5D7C2
- ECE1D1
- F2EBE0
- F9F5F0
Sombras
- A58759
- 8C734B
- 755F3D
- 5E4C30
- 483923
- 332817
- 1F180C
- 0D0904
- 020100
Tons
- B8996A
- B1976D
- AB9470
- A59173
- 9F8E75
- 998B78
- 92897A
- 8C867C
- 86837E
Harmonias de cor
Complementar +180°
- BE9C67
Tiger
- 83A4D5
≈ Wisteria Blue
Análoga -30° +30°
- BE9C67
Tiger
- CC9376
≈ Money Tree
- A7A66A
≈ Elf Slippers
Tríade +120° +240°
- BE9C67
Tiger
- 5FB2B4
≈ Dexter
- B792C3
≈ Sheer Lilac
Complementar dividida +150° +210°
- BE9C67
Tiger
- 69ACCA
≈ Blue Topaz
- 9F9AD2
≈ Bluebell Frost
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.57:1 · APCA Lc 50
Ag
AAASobre preto
WCAG 8.14:1 · APCA Lc 52
Melhor cor de texto: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Trechos de código
CSS
:root {
--tiger: #be9c67;
--tiger-rgb: 190 156 103;
--tiger-oklch: oklch(0.712 0.081 78);
}
.element {
color: var(--tiger);
background-color: hsl(37 40% 57%);
border-color: oklch(0.712 0.081 78);
}Tailwind CSS v4
@theme {
--color-tiger: #be9c67;
--color-tiger-50: #fff3dc;
--color-tiger-100: #f6e6ca;
--color-tiger-200: #e7d1ae;
--color-tiger-300: #cdb388;
--color-tiger-400: #b99967;
--color-tiger-500: #a47f44;
--color-tiger-600: #8a6c3b;
--color-tiger-700: #6f562f;
--color-tiger-800: #523e21;
--color-tiger-900: #392b15;
--color-tiger-950: #241807;
}SCSS
$tiger: #be9c67;
$tiger-rgb: 190, 156, 103;
$tiger-light: mix(#fff, $tiger, 20%);
$tiger-dark: mix(#000, $tiger, 20%);
.element {
color: $tiger;
box-shadow: 0 0 0 2px rgba($tiger, 0.35);
}