Adlandırılmış renk · #B96B00
Indocile Tiger
Indocile Tiger, #B96B00: rgb(185 107 0), hsl(35 100% 36%), oklch(0.602 0.138 62.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Indocile Tiger color name →
#B96B00
oklch(0.602 0.138 62.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C17A31
- C9894C
- D09864
- D7A67A
- DFB591
- E5C4A6
- ECD2BC
- F3E1D2
- F9F0E9
Koyu tonlar
- A05C00
- 894E00
- 713F00
- 5B3200
- 462500
- 311800
- 1E0D00
- 0D0400
- 020000
Gri tonlar
- B46E22
- AF7132
- A97340
- A4754B
- 9E7855
- 997A5E
- 937B67
- 8D7D70
- 867F78
Renk uyumları
Tamamlayıcı +180°
- B96B00
Indocile Tiger
- 1988CC
≈ Way Beyond the Blue
Analog -30° +30°
- B96B00
Indocile Tiger
- C55D48
≈ Emotional
- 9A7E00
≈ Cerignola Olive
Üçlü +120° +240°
- B96B00
Indocile Tiger
- 009587
≈ Approval Green
- 926AC4
≈ Lilac Bush
Bölünmüş tamamlayıcı +150° +210°
- B96B00
Indocile Tiger
- 0091A6
≈ Oasis
- 6679D2
≈ Indigo Light
Dörtlü +90° +180° +270°
- B96B00
Indocile Tiger
- 2B9857
≈ Militant Vegan
- 1988CC
≈ Way Beyond the Blue
- B05EA4
≈ Bodacious
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.06:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.16:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
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);
}