Nazwany kolor · #8B5643
True Copper
True Copper to #8B5643: rgb(139 86 67), hsl(16 35% 40%), oklch(0.508 0.077 40.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · True Copper color name →
#8B5643
oklch(0.508 0.077 40.4)
Konwersje koloru
- HEX
- #8b5643
- RGB
- rgb(139 86 67)
- HSL
- hsl(16 35% 40%)
- HWB
- hwb(16 26% 45%)
- OKLCH
- oklch(0.508 0.077 40.4)
- OKLab
- oklab(0.508 0.058 0.05)
- CIE Lab
- lab(42.39 21.01 20.73)
- LCH
- lch(42.39 29.52 44.6)
- CMYK
- cmyk(0% 38% 52% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 976654
- A37666
- AE8678
- BA978A
- C6A89D
- D1B9B0
- DDCAC3
- E8DBD7
- F4EDEB
Odcienie ciemniejsze
- 784A39
- 663E2F
- 543226
- 43271D
- 321C14
- 23120C
- 140805
- 070201
- 010000
Tony
- 8A5A49
- 8A5F50
- 896356
- 88675C
- 876C62
- 867068
- 85746E
- 837874
- 827C7A
Harmonie kolorów
Komplementarna +180°
- 8B5643
True Copper
- 287084
≈ Tlāloc Blue
Analogowa -30° +30°
- 8B5643
True Copper
- 8B525B
≈ Berry Smoothie
- 815E31
≈ Bronze Brown
Triada +120° +240°
- 8B5643
True Copper
- 397357
≈ Foliage Green
- 5D6091
≈ Corsican Blue
Komplementarna rozszczepiona +150° +210°
- 8B5643
True Copper
- 217370
≈ Artisan Green
- 436990
≈ Honky Tonk Blue
Tetrada +90° +180° +270°
- 8B5643
True Copper
- 566F3F
≈ Loire Valley
- 287084
≈ Tlāloc Blue
- 735986
≈ Emperor Jewel
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.98:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.50:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--true-copper: #8b5643;
--true-copper-rgb: 139 86 67;
--true-copper-oklch: oklch(0.508 0.077 40.4);
}
.element {
color: var(--true-copper);
background-color: hsl(16 35% 40%);
border-color: oklch(0.508 0.077 40.4);
}Tailwind CSS v4
@theme {
--color-true-copper: #8b5643;
--color-true-copper-50: #ffefe4;
--color-true-copper-100: #ffe0d4;
--color-true-copper-200: #f2cabb;
--color-true-copper-300: #daab99;
--color-true-copper-400: #c68f7c;
--color-true-copper-500: #b2755f;
--color-true-copper-600: #966351;
--color-true-copper-700: #794f40;
--color-true-copper-800: #5a392f;
--color-true-copper-900: #3f2720;
--color-true-copper-950: #28150f;
}SCSS
$true-copper: #8b5643;
$true-copper-rgb: 139, 86, 67;
$true-copper-light: mix(#fff, $true-copper, 20%);
$true-copper-dark: mix(#000, $true-copper, 20%);
.element {
color: $true-copper;
box-shadow: 0 0 0 2px rgba($true-copper, 0.35);
}