Cor nomeada · #B96B00
Indocile Tiger
Indocile Tiger é #B96B00: rgb(185 107 0), hsl(35 100% 36%), oklch(0.602 0.138 62.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Indocile Tiger color name →
#B96B00
oklch(0.602 0.138 62.9)
Conversões de cor
- HEX
- #b96b00
- RGB
- rgb(185 107 0)
- HSL
- hsl(35 100% 36%)
- HWB
- hwb(35 0% 27%)
- OKLCH
- oklch(0.602 0.138 62.9)
- OKLab
- oklab(0.602 0.063 0.122)
- CIE Lab
- lab(53.31 27.61 60.65)
- LCH
- lch(53.31 66.64 65.5)
- CMYK
- cmyk(0% 42% 100% 27%)
Tons claros · Sombras · Tons
Tons claros
- C17A31
- C9894C
- D09864
- D7A67A
- DFB591
- E5C4A6
- ECD2BC
- F3E1D2
- F9F0E9
Sombras
- A05C00
- 894E00
- 713F00
- 5B3200
- 462500
- 311800
- 1E0D00
- 0D0400
- 020000
Tons
- B46E22
- AF7132
- A97340
- A4754B
- 9E7855
- 997A5E
- 937B67
- 8D7D70
- 867F78
Harmonias de cor
Complementar +180°
- B96B00
Indocile Tiger
- 1988CC
≈ Way Beyond the Blue
Análoga -30° +30°
- B96B00
Indocile Tiger
- C55D48
≈ Emotional
- 9A7E00
≈ Cerignola Olive
Tríade +120° +240°
- B96B00
Indocile Tiger
- 009587
≈ Approval Green
- 926AC4
≈ Lilac Bush
Complementar dividida +150° +210°
- B96B00
Indocile Tiger
- 0091A6
≈ Oasis
- 6679D2
≈ Indigo Light
Tétrade +90° +180° +270°
- B96B00
Indocile Tiger
- 2B9857
≈ Militant Vegan
- 1988CC
≈ Way Beyond the Blue
- B05EA4
≈ Bodacious
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.06:1 · APCA Lc 67
Ag
AASobre preto
WCAG 5.16:1 · APCA Lc 34
Melhor cor de texto: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
Trechos de código
CSS
:root {
--indocile-tiger: #b96b00;
--indocile-tiger-rgb: 185 107 0;
--indocile-tiger-oklch: oklch(0.602 0.138 62.9);
}
.element {
color: var(--indocile-tiger);
background-color: hsl(35 100% 36%);
border-color: oklch(0.602 0.138 62.9);
}Tailwind CSS v4
@theme {
--color-indocile-tiger: #b96b00;
--color-indocile-tiger-50: #ffeecd;
--color-indocile-tiger-100: #ffdfb8;
--color-indocile-tiger-200: #fec996;
--color-indocile-tiger-300: #e8a869;
--color-indocile-tiger-400: #d78a3d;
--color-indocile-tiger-500: #c46d00;
--color-indocile-tiger-600: #a65d00;
--color-indocile-tiger-700: #854a00;
--color-indocile-tiger-800: #643500;
--color-indocile-tiger-900: #462401;
--color-indocile-tiger-950: #2d1200;
}SCSS
$indocile-tiger: #b96b00;
$indocile-tiger-rgb: 185, 107, 0;
$indocile-tiger-light: mix(#fff, $indocile-tiger, 20%);
$indocile-tiger-dark: mix(#000, $indocile-tiger, 20%);
.element {
color: $indocile-tiger;
box-shadow: 0 0 0 2px rgba($indocile-tiger, 0.35);
}