Colore con nome più vicino · #61714C
#61714C
Colore con nome più vicino: Hinterland
#61714C (rgb(97 113 76), hsl(86 20% 37%), oklch(0.525 0.059 127.3)) è più vicino al colore con nome Hinterland. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#61714C
oklch(0.525 0.059 127.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 6F7E5D
- 7E8C6E
- 8D9A7F
- 9DA890
- ADB6A2
- BDC4B4
- CDD3C6
- DDE1D9
- EEF0EC
Ombre
- 536141
- 465236
- 39432C
- 2D3522
- 212718
- 151A0F
- 0B0E06
- 030402
- 000100
Toni
- 647351
- 677457
- 6A765C
- 6D7761
- 707966
- 737A6C
- 777C71
- 7A7D76
- 7D7F7B
Armonie di colore
Complementare +180°
- 61714C
Hinterland
- 736285
≈ Posy Purple
Analogo -30° +30°
- 61714C
Hinterland
- 746B43
≈ Fossilised Leaf
- 4D755D
≈ Green Valley
Triadico +120° +240°
- 61714C
Hinterland
- 4F6E8B
≈ Berry Pie
- 885C64
≈ Rabbit Paws
Complementare divisa +150° +210°
- 61714C
Hinterland
- 62678C
≈ Champion Blue
- 815D77
≈ Purple Gumdrop
Tetradico +90° +180° +270°
- 61714C
Hinterland
- 407381
≈ Wild River
- 736285
≈ Posy Purple
- 895F52
≈ Red Curry
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.28:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.97:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
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);
}