Color con nombre más cercano · #87741C
#87741C
Color con nombre más cercano: Fernweh
#87741C (rgb(135 116 28), hsl(49 66% 32%), oklch(0.561 0.105 96.2)) se parece más al color con nombre Fernweh. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#87741C
oklch(0.561 0.105 96.2)
Conversiones de color
- HEX
- #87741c
- RGB
- rgb(135 116 28)
- HSL
- hsl(49 66% 32%)
- HWB
- hwb(49 11% 47%)
- OKLCH
- oklch(0.561 0.105 96.2)
- OKLab
- oklab(0.561 -0.011 0.104)
- CIE Lab
- lab(49.47 0.64 47.66)
- LCH
- lch(49.47 47.66 89.2)
- CMYK
- cmyk(0% 14% 79% 47%)
Tintes · Sombras · Tonos
Tintes
- 928139
- 9E8F51
- A99C67
- B5AA7D
- C1B892
- CDC6A7
- D9D4BD
- E6E2D3
- F2F1E9
Sombras
- 756417
- 635412
- 51450D
- 413708
- 312905
- 211B02
- 130F01
- 060500
- 010100
Tonos
- 86752C
- 867739
- 857844
- 847A4E
- 837B57
- 837C5F
- 827D68
- 817E70
- 817F78
Armonías de color
Complementario +180°
- 87741C
Fernweh
- 656EB2
≈ Chetwode Blue
Análogo -30° +30°
- 87741C
Fernweh
- 9E6727
≈ Stage Gold
- 658036
≈ Dirty Green
Triádico +120° +240°
- 87741C
Fernweh
- 00839A
≈ Zircon Blue
- 9B5B8C
≈ Kyo Purple
Complementario dividido +150° +210°
- 87741C
Fernweh
- 3A7AAF
≈ Viennese Blue
- 8463A5
≈ Chive Blossom
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.62:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.54:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--fernweh: #87741c;
--fernweh-rgb: 135 116 28;
--fernweh-oklch: oklch(0.561 0.105 96.2);
}
.element {
color: var(--fernweh);
background-color: hsl(49 66% 32%);
border-color: oklch(0.561 0.105 96.2);
}Tailwind CSS v4
@theme {
--color-fernweh: #87741c;
--color-fernweh-50: #fdf6d4;
--color-fernweh-100: #f1e9c1;
--color-fernweh-200: #e0d5a2;
--color-fernweh-300: #c5b879;
--color-fernweh-400: #b19e52;
--color-fernweh-500: #9b8523;
--color-fernweh-600: #837120;
--color-fernweh-700: #695a1a;
--color-fernweh-800: #4e4110;
--color-fernweh-900: #362d0a;
--color-fernweh-950: #211a00;
}SCSS
$fernweh: #87741c;
$fernweh-rgb: 135, 116, 28;
$fernweh-light: mix(#fff, $fernweh, 20%);
$fernweh-dark: mix(#000, $fernweh, 20%);
.element {
color: $fernweh;
box-shadow: 0 0 0 2px rgba($fernweh, 0.35);
}