Color con nombre más cercano · #677052
#677052
Color con nombre más cercano: Hinterland
#677052 (rgb(103 112 82), hsl(78 15% 38%), oklch(0.529 0.046 121.6)) 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.
#677052
oklch(0.529 0.046 121.6)
Conversiones de color
- HEX
- #677052
- RGB
- rgb(103 112 82)
- HSL
- hsl(78 15% 38%)
- HWB
- hwb(78 32% 56%)
- OKLCH
- oklch(0.529 0.046 121.6)
- OKLab
- oklab(0.529 -0.024 0.039)
- CIE Lab
- lab(45.83 -7.78 15.55)
- LCH
- lch(45.83 17.39 116.6)
- CMYK
- cmyk(8% 0% 27% 56%)
Tintes · Sombras · Tonos
Tintes
- 757D62
- 838B72
- 929983
- A1A794
- B0B5A5
- BFC3B6
- CFD2C8
- DFE1DA
- EFF0EC
Sombras
- 596046
- 4B513B
- 3D432F
- 303525
- 23271A
- 171A11
- 0C0E08
- 040402
- 000100
Tonos
- 697257
- 6C735B
- 6E7560
- 717665
- 737869
- 767A6E
- 787B72
- 7B7D77
- 7D7E7B
Armonías de color
Complementario +180°
- 677052
Hinterland
- 706682
≈ Hyacinth Arbour
Análogo -30° +30°
- 677052
Hinterland
- 756B4D
≈ Amazon Green
- 58745E
≈ Painted Turtle
Triádico +120° +240°
- 677052
Hinterland
- 546F84
≈ Blueberry Dream
- 83616A
≈ Blueberry Blush
Complementario dividido +150° +210°
- 677052
Hinterland
- 626A87
≈ Grape Haze
- 7C6278
≈ Chicha Morada
Tetrádico +90° +180° +270°
- 677052
Hinterland
- 4B737B
≈ Vining Ivy
- 706682
≈ Hyacinth Arbour
- 84625B
≈ Smoked Almond
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 4.01:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--hinterland: #677052;
--hinterland-rgb: 103 112 82;
--hinterland-oklch: oklch(0.529 0.046 121.6);
}
.element {
color: var(--hinterland);
background-color: hsl(78 15% 38%);
border-color: oklch(0.529 0.046 121.6);
}Tailwind CSS v4
@theme {
--color-hinterland: #677052;
--color-hinterland-50: #f2f8e9;
--color-hinterland-100: #e5ebda;
--color-hinterland-200: #d0d8c3;
--color-hinterland-300: #b2bca2;
--color-hinterland-400: #9aa385;
--color-hinterland-500: #818b69;
--color-hinterland-600: #6d7659;
--color-hinterland-700: #575e47;
--color-hinterland-800: #404533;
--color-hinterland-900: #2c3023;
--color-hinterland-950: #191c12;
}SCSS
$hinterland: #677052;
$hinterland-rgb: 103, 112, 82;
$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);
}