Nazwany kolor · #B07B40
Vintage Lincoln
Vintage Lincoln to #B07B40: rgb(176 123 64), hsl(32 47% 47%), oklch(0.625 0.1 67). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Vintage Lincoln color name →
#B07B40
oklch(0.625 0.1 67)
Konwersje koloru
- HEX
- #b07b40
- RGB
- rgb(176 123 64)
- HSL
- hsl(32 47% 47%)
- HWB
- hwb(32 25% 31%)
- OKLCH
- oklch(0.625 0.1 67)
- OKLab
- oklab(0.625 0.039 0.092)
- CIE Lab
- lab(56.26 16.84 40.24)
- LCH
- lch(56.26 43.62 67.3)
- CMYK
- cmyk(0% 30% 64% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B88854
- C09568
- C8A27A
- D0AF8D
- D8BCA0
- E0C9B3
- E8D7C5
- F0E4D8
- F7F1EC
Odcienie ciemniejsze
- 996A36
- 825A2D
- 6C4A24
- 563A1B
- 422C13
- 2E1E0B
- 1C1005
- 0B0501
- 010100
Tony
- AB7C48
- A77D50
- A27D57
- 9D7E5E
- 997E64
- 947F6A
- 8F7F70
- 8A8075
- 85807B
Harmonie kolorów
Komplementarna +180°
- B07B40
Vintage Lincoln
- 528DC1
≈ Azure Blue
Analogowa -30° +30°
- B07B40
Vintage Lincoln
- BC715B
≈ Spiced
- 998839
≈ Sedge Grasses
Triada +120° +240°
- B07B40
Vintage Lincoln
- 259B92
≈ Azure Tide
- 9877B7
≈ Lavender Purple
Komplementarna rozszczepiona +150° +210°
- B07B40
Vintage Lincoln
- 2996AF
≈ Tropical Lagoon
- 7882C4
≈ Twilight Twinkle
Tetrada +90° +180° +270°
- B07B40
Vintage Lincoln
- 4E9A6F
≈ Solitary Tree
- 528DC1
≈ Azure Blue
- AE6F9E
≈ Mulberry Bush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.65:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.75:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--vintage-lincoln: #b07b40;
--vintage-lincoln-rgb: 176 123 64;
--vintage-lincoln-oklch: oklch(0.625 0.1 67);
}
.element {
color: var(--vintage-lincoln);
background-color: hsl(32 47% 47%);
border-color: oklch(0.625 0.1 67);
}Tailwind CSS v4
@theme {
--color-vintage-lincoln: #b07b40;
--color-vintage-lincoln-50: #fff1d7;
--color-vintage-lincoln-100: #ffe3c5;
--color-vintage-lincoln-200: #f1cda6;
--color-vintage-lincoln-300: #d9ae7f;
--color-vintage-lincoln-400: #c6935b;
--color-vintage-lincoln-500: #b27834;
--color-vintage-lincoln-600: #97662e;
--color-vintage-lincoln-700: #795124;
--color-vintage-lincoln-800: #5a3a19;
--color-vintage-lincoln-900: #3f2810;
--color-vintage-lincoln-950: #281603;
}SCSS
$vintage-lincoln: #b07b40;
$vintage-lincoln-rgb: 176, 123, 64;
$vintage-lincoln-light: mix(#fff, $vintage-lincoln, 20%);
$vintage-lincoln-dark: mix(#000, $vintage-lincoln, 20%);
.element {
color: $vintage-lincoln;
box-shadow: 0 0 0 2px rgba($vintage-lincoln, 0.35);
}