Color con nombre más cercano · #71775F
#71775F
Color con nombre más cercano: Dill
#71775F (rgb(113 119 95), hsl(75 11% 42%), oklch(0.557 0.037 119)) se parece más al color con nombre Dill. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#71775F
oklch(0.557 0.037 119)
Conversiones de color
- HEX
- #71775f
- RGB
- rgb(113 119 95)
- HSL
- hsl(75 11% 42%)
- HWB
- hwb(75 37% 53%)
- OKLCH
- oklch(0.557 0.037 119)
- OKLab
- oklab(0.557 -0.018 0.032)
- CIE Lab
- lab(49 -5.74 12.46)
- LCH
- lch(49 13.72 114.7)
- CMYK
- cmyk(5% 0% 20% 53%)
Tintes · Sombras · Tonos
Tintes
- 7E846E
- 8C917D
- 999E8C
- A7AB9C
- B5B9AC
- C4C6BC
- D2D4CC
- E1E2DD
- F0F1EE
Sombras
- 616752
- 525744
- 434738
- 35382C
- 272A20
- 1A1C15
- 0E100A
- 040503
- 010100
Tonos
- 727862
- 747966
- 757A69
- 777B6C
- 787C70
- 7A7C73
- 7B7D76
- 7D7E79
- 7E7F7D
Armonías de color
Complementario +180°
- 71775F
Dill
- 766F87
≈ Early Dawn
Análogo -30° +30°
Triádico +120° +240°
- 71775F
Dill
- 607787
≈ Ocean Shadow
- 866B73
≈ Punctuate
Complementario dividido +150° +210°
- 71775F
Dill
- 6B738A
≈ Blue Aura
- 806C7E
≈ Splendiferous
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.66:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.50:1 · APCA Lc 29
Mejor color de texto: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--dill: #71775f;
--dill-rgb: 113 119 95;
--dill-oklch: oklch(0.557 0.037 119);
}
.element {
color: var(--dill);
background-color: hsl(75 11% 42%);
border-color: oklch(0.557 0.037 119);
}Tailwind CSS v4
@theme {
--color-dill: #71775f;
--color-dill-50: #f3f7eb;
--color-dill-100: #e6eadd;
--color-dill-200: #d2d7c6;
--color-dill-300: #b4bba6;
--color-dill-400: #9ca28a;
--color-dill-500: #838a6f;
--color-dill-600: #6f755e;
--color-dill-700: #595d4b;
--color-dill-800: #414436;
--color-dill-900: #2d2f25;
--color-dill-950: #1a1c13;
}SCSS
$dill: #71775f;
$dill-rgb: 113, 119, 95;
$dill-light: mix(#fff, $dill, 20%);
$dill-dark: mix(#000, $dill, 20%);
.element {
color: $dill;
box-shadow: 0 0 0 2px rgba($dill, 0.35);
}