Nazwany kolor · #876A68
Ferra
Ferra to #876A68: rgb(135 106 104), hsl(4 13% 47%), oklch(0.552 0.037 22.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Ferra color name →
#876A68
oklch(0.552 0.037 22.9)
Konwersje koloru
- HEX
- #876a68
- RGB
- rgb(135 106 104)
- HSL
- hsl(4 13% 47%)
- HWB
- hwb(4 41% 47%)
- OKLCH
- oklch(0.552 0.037 22.9)
- OKLab
- oklab(0.552 0.034 0.015)
- CIE Lab
- lab(47.7 11.68 5.77)
- LCH
- lch(47.7 13.03 26.3)
- CMYK
- cmyk(0% 21% 23% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 937876
- 9E8684
- AA9493
- B6A3A2
- C2B2B1
- CEC1C0
- DAD0CF
- E6E0DF
- F3EFEF
Odcienie ciemniejsze
- 755B59
- 634D4B
- 513F3E
- 413130
- 312424
- 211818
- 130D0C
- 060404
- 010000
Tony
- 866C6A
- 866E6D
- 85716F
- 857372
- 847574
- 837776
- 837979
- 827C7B
- 817E7E
Harmonie kolorów
Komplementarna +180°
- 876A68
Ferra
- 58797C
≈ Becker Blue
Analogowa -30° +30°
- 876A68
Ferra
- 846A74
≈ Velvet Slipper
- 846D5E
≈ Ruskie
Triada +120° +240°
- 876A68
Ferra
- 667864
≈ Old Vine
- 677389
≈ Deep Larkspur
Komplementarna rozszczepiona +150° +210°
- 876A68
Ferra
- 5C7A70
≈ Forest Edge
- 5D7685
≈ Ocean Shadow
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.89:1 · APCA Lc 74
Ag
FailNa czerni
WCAG 4.29:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--ferra: #876a68;
--ferra-rgb: 135 106 104;
--ferra-oklch: oklch(0.552 0.037 22.9);
}
.element {
color: var(--ferra);
background-color: hsl(4 13% 47%);
border-color: oklch(0.552 0.037 22.9);
}Tailwind CSS v4
@theme {
--color-ferra: #876a68;
--color-ferra-50: #fff1f0;
--color-ferra-100: #f4e3e2;
--color-ferra-200: #e4cecc;
--color-ferra-300: #cab0ae;
--color-ferra-400: #b49694;
--color-ferra-500: #9e7d7b;
--color-ferra-600: #856a68;
--color-ferra-700: #6b5553;
--color-ferra-800: #4f3d3d;
--color-ferra-900: #372a2a;
--color-ferra-950: #221817;
}SCSS
$ferra: #876a68;
$ferra-rgb: 135, 106, 104;
$ferra-light: mix(#fff, $ferra, 20%);
$ferra-dark: mix(#000, $ferra, 20%);
.element {
color: $ferra;
box-shadow: 0 0 0 2px rgba($ferra, 0.35);
}