Nazwany kolor · #BF6F39
Tiger Stripe
Tiger Stripe to #BF6F39: rgb(191 111 57), hsl(24 54% 49%), oklch(0.62 0.122 52.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Tiger Stripe color name →
#BF6F39
oklch(0.62 0.122 52.4)
Konwersje koloru
- HEX
- #bf6f39
- RGB
- rgb(191 111 57)
- HSL
- hsl(24 54% 49%)
- HWB
- hwb(24 22% 25%)
- OKLCH
- oklch(0.62 0.122 52.4)
- OKLab
- oklab(0.62 0.075 0.097)
- CIE Lab
- lab(55.31 29.24 43.41)
- LCH
- lch(55.31 52.34 56)
- CMYK
- cmyk(0% 42% 70% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C67D4F
- CE8C63
- D59A76
- DBA88A
- E2B79D
- E8C5B0
- EED3C4
- F4E2D7
- FAF0EB
Odcienie ciemniejsze
- A66030
- 8D5128
- 75421F
- 5E3417
- 482710
- 331A09
- 1F0E04
- 0D0401
- 020100
Tony
- B97143
- B3744B
- AD7653
- A7785A
- A17961
- 9B7B68
- 947C6E
- 8E7E74
- 877F7A
Harmonie kolorów
Komplementarna +180°
- BF6F39
Tiger Stripe
- 1692C3
≈ Surf Rider
Analogowa -30° +30°
- BF6F39
Tiger Stripe
- C56664
≈ Stormy Passion
- AA7E14
≈ Brazen
Triada +120° +240°
- BF6F39
Tiger Stripe
- 009D7F
≈ Tropical Kelp
- 8977C9
≈ Ube
Komplementarna rozszczepiona +150° +210°
- BF6F39
Tiger Stripe
- 0099A2
≈ Island Dream
- 5D85D0
≈ Berlin Blue
Tetrada +90° +180° +270°
- BF6F39
Tiger Stripe
- 579952
≈ Wicked Witch
- 1692C3
≈ Surf Rider
- A96CB1
≈ Soft Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.78:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.54:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.54:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--tiger-stripe: #bf6f39;
--tiger-stripe-rgb: 191 111 57;
--tiger-stripe-oklch: oklch(0.62 0.122 52.4);
}
.element {
color: var(--tiger-stripe);
background-color: hsl(24 54% 49%);
border-color: oklch(0.62 0.122 52.4);
}Tailwind CSS v4
@theme {
--color-tiger-stripe: #bf6f39;
--color-tiger-stripe-50: #ffedd5;
--color-tiger-stripe-100: #ffdec2;
--color-tiger-stripe-200: #fec7a3;
--color-tiger-stripe-300: #e9a77a;
--color-tiger-stripe-400: #d78957;
--color-tiger-stripe-500: #c46c2d;
--color-tiger-stripe-600: #a55c28;
--color-tiger-stripe-700: #854920;
--color-tiger-stripe-800: #633416;
--color-tiger-stripe-900: #46240e;
--color-tiger-stripe-950: #2d1202;
}SCSS
$tiger-stripe: #bf6f39;
$tiger-stripe-rgb: 191, 111, 57;
$tiger-stripe-light: mix(#fff, $tiger-stripe, 20%);
$tiger-stripe-dark: mix(#000, $tiger-stripe, 20%);
.element {
color: $tiger-stripe;
box-shadow: 0 0 0 2px rgba($tiger-stripe, 0.35);
}