Color con nombre más cercano · #61714C
#61714C
Color con nombre más cercano: Hinterland
#61714C (rgb(97 113 76), hsl(86 20% 37%), oklch(0.525 0.059 127.3)) se parece más al color con nombre Hinterland. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#61714C
oklch(0.525 0.059 127.3)
Conversiones de color
- HEX
- #61714c
- RGB
- rgb(97 113 76)
- HSL
- hsl(86 20% 37%)
- HWB
- hwb(86 30% 56%)
- OKLCH
- oklch(0.525 0.059 127.3)
- OKLab
- oklab(0.525 -0.036 0.047)
- CIE Lab
- lab(45.55 -11.52 18.53)
- LCH
- lch(45.55 21.81 121.9)
- CMYK
- cmyk(14% 0% 33% 56%)
Tintes · Sombras · Tonos
Tintes
- 6F7E5D
- 7E8C6E
- 8D9A7F
- 9DA890
- ADB6A2
- BDC4B4
- CDD3C6
- DDE1D9
- EEF0EC
Sombras
- 536141
- 465236
- 39432C
- 2D3522
- 212718
- 151A0F
- 0B0E06
- 030402
- 000100
Tonos
- 647351
- 677457
- 6A765C
- 6D7761
- 707966
- 737A6C
- 777C71
- 7A7D76
- 7D7F7B
Armonías de color
Complementario +180°
- 61714C
Hinterland
- 736285
≈ Posy Purple
Análogo -30° +30°
- 61714C
Hinterland
- 746B43
≈ Fossilised Leaf
- 4D755D
≈ Green Valley
Triádico +120° +240°
- 61714C
Hinterland
- 4F6E8B
≈ Berry Pie
- 885C64
≈ Rabbit Paws
Complementario dividido +150° +210°
- 61714C
Hinterland
- 62678C
≈ Champion Blue
- 815D77
≈ Purple Gumdrop
Tetrádico +90° +180° +270°
- 61714C
Hinterland
- 407381
≈ Wild River
- 736285
≈ Posy Purple
- 895F52
≈ Red Curry
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.28:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 3.97:1 · APCA Lc 25
Mejor color de texto: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--hinterland: #61714c;
--hinterland-rgb: 97 113 76;
--hinterland-oklch: oklch(0.525 0.059 127.3);
}
.element {
color: var(--hinterland);
background-color: hsl(86 20% 37%);
border-color: oklch(0.525 0.059 127.3);
}Tailwind CSS v4
@theme {
--color-hinterland: #61714c;
--color-hinterland-50: #f0f9e7;
--color-hinterland-100: #e2ecd8;
--color-hinterland-200: #ccdabf;
--color-hinterland-300: #aebe9e;
--color-hinterland-400: #95a580;
--color-hinterland-500: #7b8e64;
--color-hinterland-600: #697855;
--color-hinterland-700: #536043;
--color-hinterland-800: #3d4630;
--color-hinterland-900: #2a3120;
--color-hinterland-950: #181d10;
}SCSS
$hinterland: #61714c;
$hinterland-rgb: 97, 113, 76;
$hinterland-light: mix(#fff, $hinterland, 20%);
$hinterland-dark: mix(#000, $hinterland, 20%);
.element {
color: $hinterland;
box-shadow: 0 0 0 2px rgba($hinterland, 0.35);
}